CSSマウススタイル

1562 ワード

マウスポインタを要素の境界範囲内に置くときに使用するカーソル形状を設定するには、要素のcssプロパティcursorを設定する必要があります。


cursorプロパティの可能な値:

  • defaultデフォルトカーソル(通常は矢印)
  • autoデフォルト.ブラウザが設定したカーソル.
  • crosshairカーソルが十字に表示されます.
  • pointerカーソルは、リンクを示すポインタ(小さな手)
  • として現れる.
  • moveこのカーソルは、オブジェクトが移動可能であることを示します(矢印付きの十字).
  • e-resizeこのカーソルは、矩形ボックスのエッジが右(東)に移動できることを示します.
  • ne-resizeこのカーソルは、矩形ボックスのエッジが上および右に移動できることを示します(北/東).
  • nw-resizeこのカーソルは、矩形ボックスのエッジが上および左に移動できることを示します(北/西).
  • n-resizeこのカーソルは、矩形ボックスのエッジが上(北)に移動できることを示します.
  • se-resizeこのカーソルは、矩形ボックスのエッジが下および右に移動できることを示します(南/東).
  • sw-resizeこのカーソルは、矩形ボックスのエッジが下および左に移動できることを示します(南/西).
  • s-resizeこのカーソルは、矩形ボックスのエッジが下に移動できることを示します(南).
  • w-resizeこのカーソルは、矩形ボックスのエッジが左に移動できることを示しています(西).
  • textこのカーソルはテキストを示します.
  • waitこのカーソルはプログラムが忙しいことを示しています(通常は時計や砂時計、または輪が回っています).
  • helpこのカーソルは、使用可能なヘルプ(通常は疑問符または風船)を示します.

  • 、 css cursor , pointer;
    <input type="button" value="  " style="cursor:pointer;" />