커서 포인터 변경 모범 사례

Question

나는이 속임수를 사용하지 않는 방법에 대해 SO를 읽고 기억합니다 : 브라우저가 페이지 상단으로 스크롤되는 것처럼 보이므로 원치 않는 것 같습니다. <a href="#">.

그러나 커서를 포인터 (장갑을 낀 손)로 변경하면 사용자가 요소를 클릭 할 수 있음을 알 수 있습니다. 그러나 클릭 가능한 요소는 아무 데나 연결되지 않습니다. 이 코드는 W3C에서 발견되었지만 오페라에서는 실행되지 않습니다. 그래서 내 질문은, <a href="#"> 속임수에 reffering없이 모든 브라우저에서 포인터로 커서를 변경하려면 어떻게합니까.

코드는 다음과 같은 :

<a style="cursor:pointer;" onclick="run_function();">Click Me</a>

나는 위의 코드를 사용하는 PHP 나 자바 스크립트를 사용하고 브라우저 오페라의 경우 <a href="#" onclick="run_function();">Click Me</a>로 대체하는 것입니다 생각할 수있는 모든. 그러나 이것은 바람직한 것으로 보이지 않습니다. 누구든지 위의 해킹/kludge에 의지하지 않고이 효과를 달성하는 간단하고 훌륭한 연습 방법을 알고 있습니까?

감사

Answer 1

cursor: pointer; CSS 속성은 당신의 해트트릭을 무엇을 사용한다. 요소에 한 번만 입력 할 수 있도록 pointer 클래스를 추가 할 수 있습니다.

예 :

.pointer { 
    cursor: pointer; 
} 

그리고 그것은 모든 주요 브라우저에서 작동 :

<div class="pointer">Stuff.</div> 

그리고 당신의 CSS 파일에

. 출처 : http://www.quirksmode.org/css/cursor.html