CSS:cssでマウスカーソルを指マークにする

テキストにマウスを置いた時のマウスカーソルは通常下記のような表示になります。

mouse_cursor1

リンクにマウスを置いた時のように、マウスカーソルを指マークにしたい時があります。

テキストにマウスを置いた時にマウスカーソル指マークで表示する場合は、下記のように設定します。


CSSでマウスカーソルを指マークに設定

設定する箇所に下記のスタイルを追加します。

CSS

cursor: pointer;
cursor: hand;

※IE6に対応させる為、「cursor: hand;」も記述します。

HTML

<span style="cursor: hand; cursor:pointer;">テキスト</span>

設定例

テキスト

cursorプロパティには他にも色々なものがあるので、その時に応じて変更するといいと思います。