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 パスへの参照に問題があるため、それぞれ絶対パス参照と相対パス参照を試すことができます。

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