カーソルポインタの変更のベストプラクティス

Question

私はあなたがこのトリックを使用するつもりはないということについて、SOを読んで覚えています：<a href="#">これはブラウザのスクロールが不要になるようにブラウザをスクロールさせるようです。

しかし、カーソルをポインタ（手袋の手）に変更して、要素がクリック可能であることをユーザーに知らせるようにします。しかし、クリック可能な要素はどこにもリンクしていません。 このコードはW3Cで見つかりましたが、Operaでは動作しません。だから私の質問は、<a href="#">トリックに頼ることなく、すべてのブラウザ上のポインタにカーソルを変更する方法です。

コードは次のようになります。

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

私は上記のコードを使用するようにPHPやJavaScriptを使用して、ブラウザはOperaのであれば<a href="#" onclick="run_function();">Click Me</a>と交換することであると考えることができるすべて。しかし、これは望ましくないようです。誰かが上記のハック/クルージングに頼らずにこの効果を達成するためのシンプルで良い練習方法を知っていますか？

おかげ

Answer 1

cursor: pointer; CSSプロパティは、あなたのトリックのために何を使用されています。要素にはpointerクラスを追加することができます。そのため、1回だけ入力することができます。

例：

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

そして、あなたのCSSファイル内：

.pointer { 
    cursor: pointer; 
} 

そして、それはすべての主要なブラウザで動作します。出典：http://www.quirksmode.org/css/cursor.html