1upホームページ作成のフォーム<form>のボタンの上でマウスを手マークにする方法です。
ホームページ作成
無料!発信中!メール情報誌!
ホームページ作成TOP > フォームを設置する > ボタンの上でマウスを手マークにする
ボタンの上でマウスを手手のマークマークにする

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

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

sample

↓↓↓↓

スタイルシート cursor:pointer;

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

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

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

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

<input type="button" value="カーソル変更" style="cursor:pointer">
こうなります
IE7
IE6
Firefox
Opera

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