[웹표준 CSS] cursor:pointer가 웹표준. cursor:hand는 ie에서만.

2014.10.04 11:38

[웹 표준 CSS] cursor:pointer가 웹 표준. cursor:hand는 ie에서만.

이미지에 onClick="javascript:…."를 쓴 경우라든지 뭐 OnClick속성은 A태그 이외의 모든 객체에 줄 수 있다.

TD에도 DIV에도 줄 수 있는데...이 속성을 객체에 줘도 클릭을 할 때 액션은 일어나지만 마우스의 커서 모양이 손 모양이 아닌 화살표 모양으로 그대로 남아 있으니까 사람들이 클릭하는 건지 모를 때가 많다.

그럴 땐 흔히 style="cursor:hand;"를 쓰지만, FireFox에서는 안 먹힌다. 

MS에서 임의로 만든 속성이기 때문이다.

이럴 땐 style="cursor:pointer;" 로 주면 된다. 

cursor:pointer가 웹표준이다.

귀찮으면 스타일시트 CSS에 

.hand {cursor:pointer; cursor:hand; } 

선언해두고 onClick을 쓸 때마다 해당 태그에 class="hand"를 쓰면 된다.   

<style>

<!--

.hand { cursor:pointer; }

-->

</style>

<img src="images/tistoryBanner01.gif" onClick="javascript:action();" class="hand" />

 

 

 

 

 

출처: https://www.vouloir.kro.kr/entry/웹표준-CSS-cursorpointer가-웹표준-cursorhand는-ie에서만 [블루아르2019]