1. ホーム
  2. javascript

[解決済み] マウスオーバー時のマウスカーソルをアンカーのようなスタイルに変更する

2022-05-17 18:36:28

質問

の上にマウスを乗せると div の上にマウスを置くと、マウスカーソルがHTMLアンカーにあるようなカーソルに変化します。

どうすればいいのでしょうか?Javascriptが必要なのでしょうか、それともCSSだけで可能なのでしょうか?

どのように解決するのですか?

仮にあなたの div には id="myDiv" のように、CSSに以下を追加してください。また cursor: pointer は、カーソルをアンカー(ハイパーリンク)に使うのと同じ手のアイコンにすることを指定しています。

追加するCSS

#myDiv
{
    cursor: pointer;
}

カーソルスタイルを単純に div のHTMLに追加するだけです。

<div style="cursor: pointer">

</div>

EDITです。

もし、このためにjQueryを使うことが決まっているなら、以下の行を $(document).ready() または本文 onload : (置換 myClass を任意のクラスで置き換えてください。 div を共有します)。

$('.myClass').css('cursor', 'pointer');