ボタンの上でマウスを手マークにする

通常のボタン（画像を使う場合以外のボタン）の上にマウスカーソルを重ねても、矢印（通常のマウスカーソル）のままで、リンクをクリックする様なカーソルになりません。

訪問者に分かりやすくする為に、マウスが重なった時にマウスカーソルを変更する事ができます。

スタイルシート　cursor:pointer;

ボタンにマウスが重なった場合に、マウスカーソルを変更するには、マウスの形状を変更するにて説明しているスタイルシートの方法を使用します。

マウスがボタンに重なった時になりますので、ボタンである<input>に対して設定します。

設定するのは、cursor:pointer;を設定する事で、マウスが重なった時にマウスカーソルが変化します。

ボタンの書き方（今回の例ではtype="button"にしてあります）

<input type="button" value="カーソル変更" style="cursor:pointer">

こうなります

ホームページ作成ＴＯＰ > フォームを設置する > ボタンの上でマウスを手マークにする > このページのＴＯＰ　▲

ワンランクＵＰ講座
ホームページのスタイルをワンランクアップ！基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。