通常のリンクにカーソルを合わせると、自動的にカーソルの形が変わります。
しかし、ボタンタグなどでは、同じようにクリックする場所ではあるのですが、カーソルの形は変わりません。
ボタン表示させているときは、その場所がクリックする場所であることがわかりますが、画像などとボタンタグを組み合わせると、カーソルを合わせても、そこがクリックする場所なのかわかりません。
そこで、スタイル設定を利用して、カーソルを変化させます。
<button type="submit" style="cursor:pointer">
他にスタイルでは、以下の指定で形状を変えられるようです。
- all-scroll
- auto
- col-resize
- crosshair
- default
- hand
- help
- move
- no-drop
- not-allowed
- pointer
- progress
- row-resize
- text
- url(uri)
- vertical-text
- wait
- n-resize
- ne-resize
- nw-resize
- s-resize
- se-resize
- sw-resize
- e-resize
- w-resize
|