パソコン活用

■ ボタンタグでカーソルの形を変える

通常のリンクにカーソルを合わせると、自動的にカーソルの形が変わります。
しかし、ボタンタグなどでは、同じようにクリックする場所ではあるのですが、カーソルの形は変わりません。
ボタン表示させているときは、その場所がクリックする場所であることがわかりますが、画像などとボタンタグを組み合わせると、カーソルを合わせても、そこがクリックする場所なのかわかりません。
そこで、スタイル設定を利用して、カーソルを変化させます。

<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

 
Copyright 2007 Simplesite