CSSカーソルURLの使用形式を詳しく解説

CSS カーソル URL 使用形式: css:{cursor:url('icon path'),auto;} //IE、FF、Chrome ブラウザはすべて OK です

コード例: html{cursor: url("http://ued.taobao.com/blog/wp-content/主題/taabaoued/images/cursor.ico"),auto;}

分析: 前の URL はカスタム マウス アイコン パスで、2 番目のパラメーター auto は CSS 標準カーソル スタイルで、他の属性 (ポインター/デフォルトなど) に置き換えることができます。
(注: w3school では、URL で定義された使用可能なカーソルがバックアップになる場合に備えて、2 番目のパラメーターで共通のカーソルを定義する必要があることをお勧めします。さらに、2 番目のパラメーターは IE では省略できます)

マウスの表示アイコンをカスタマイズする場合は、次の問題に注意してください

アイコン形式:

IEはcur、ani、icoの3つの形式をサポートしていますが、FFはbmp、gif、jpg、cur、icoの形式をサポートしています。ani形式やgifアニメーション形式はサポートしていないため、通常はURLを引用します。 . 画像は ico 形式または cur 形式で保存することをお勧めします。

アイコンのサイズ:

マウス画像の推奨サイズは 32*32 です。それ以外の場合は、アイコンのサイズが不一致になる可能性があります。

また、マウス画像がブラウザに表示されない問題については、主にマウス画像の URL パスへの参照に問題があるため、それぞれ絶対パス参照と相対パス参照を試すことができます。

最後に、カーソル属性の可能な値が添付されます: (すべての主要なブラウザは次のカーソル属性をサポートしています)

値	説明
URL	使用するカスタム カーソルの URL。 注: URL で定義された使用可能なカーソルがない場合に備えて、このリストの最後に通常のカーソルを常に定義してください。
デフォルト	デフォルトのカーソル (通常は矢印)
自動	デフォルト。ブラウザによって設定されたカーソル。
十字線	カーソルが十字線として表示されます。
ポインター	カーソルはリンクを示すポインター（手）としてレンダリングされます
移動	このカーソルは、オブジェクトが移動できることを示します。
サイズ変更	このカーソルは、長方形のボックスの端を右(東)に移動できることを示しています。
サイズ変更	このカーソルは、長方形のボックスの端が上および右 (北/東) に移動できることを示します。
nw-サイズ変更	このカーソルは、長方形のボックスの端が上と左 (北/西) に移動できることを示します。
n-サイズ変更	このカーソルは、長方形のボックスの端を上(北)に移動できることを示します。
サイズ変更	このカーソルは、長方形のボックスの端を下と右 (南/東) に移動できることを示します。
SW-サイズ変更	このカーソルは、長方形のボックスの端を下と左 (南/西) に移動できることを示します。
s-サイズ変更	このカーソルは、長方形のボックスの端を下(北/西)に移動できることを示しています。
サイズ変更	このカーソルは、長方形のボックスの端を左(西)に移動できることを示しています。
テキスト	このカーソルはテキストを示します。
待ってください	このカーソルは、プログラムがビジー状態であることを示します (通常は時計または砂時計)。
助けて	このカーソルは、利用可能なヘルプ (通常は疑問符またはバルーン) を示します。