[HTML] HTML 라벨(label) 위에 마우스 올리면 손가락 보여주기

이번 글은 라벨 태그 위에 마우스를 올렸을 때, 손가락 모양이 나오게 하려고 한다.

---

목차

1. 손가락 모양 나와라

---

1. 손가락 모양 나와라

사진 업로드 기능을 만드려고 input 태그에 type을 file로 하니, 아래와 같이 나오는게 꼴보기 싫어서 라벨을 사용하여 버튼처럼 사용하려고 한다.

일단, 아래와 같이 만들었는데, 라벨에 마우스를 올리니 손가락 모양이 나오질 않는다.

 

<label for="test01" style="cursor: pointer;">사진 업로드</label>

 

손가락 모양을 나오게 하는 방법은 label 태그에 style을 먹이는 방법이다.

style="cursor: pointer;"를 먹이면 손가락 모양이 나온다.

---