-1

重複の可能性:
カスタム カーソル イメージ CSS

たとえば、使用するときにウェブサイトのデフォルトのカーソル画像を変更する方法はありますか..

body{
cursor:hand; /* Changing what 'hand' is equal to*/
}

したがって、すべてに cursor:url() を使用する必要はなく、代わりに名前が何に等しいかを変更するだけです。

たとえば、できるようにしたいと思います.. hand = URL; 進行状況 = URL; などなど

4

4 に答える 4

0 
body{
cursor: url('mycursor.cur');
}

ただし、クロスブラウザ機能には制限があります。テストする必要があります...

于 2012-07-31T14:25:56.530 に答える
0

オペレーティングシステムのカーソルセットを変更することはできません。（想像してみてください-そのようなWebサイトの訪問者がシステム設定を変更するとどう思いますか）。また、キーワードの外観を再定義することはできません。

必要に応じて、カスタムイメージを定義する必要があります。あなたができる最善のことは、同じカーソルを持ちたいグループ要素です。

input, select, [elements,]*{
   cursor: url('someInputCursor.cur');
}
于 2012-07-31T14:33:31.947 に答える
0

cursor: hand;別の画像を使用するように変更することはできません。CSS プリプロセッサ (LESS や SASS など) を使用して、タスクを容易にすることができます。

$hand: url('something.cur');
body {
    cursor: $hand;
}

それとも、クラス (または必要なすべての要素をカバーするセレクター) を使用して、それに応じて HTML を編集しますか?

.customcursor {
    cursor: url('something.cur');
}
于 2012-07-31T14:37:38.033 に答える
0

いいえ、できません。なぜなら、cursorプロパティ値のキーワードは、CSS 仕様の非公式の散文で定義された意味を持っており、それらを実装する方法を指示するツールがないからです。明らかな意図は、正確な形状を実装依存のままにすることです。

LESSなどのツールを使用すると、定義済みの変数を使用するスタイル シート コードを記述できますが、そのようなコードは CSS に変換する必要があります。

hand不適合のキーワードに注意してください。対応する標準キーワードはpointer. hand( IE 5 が認識しなかったので、人々は使用しましたpointer。)

于 2012-07-31T14:42:10.503 に答える