9

カーソルのデフォルトの画像を変更する必要があります。カスタム画像を使用したポインター。

クラスを作成してカーソルのホバー値を指定することは有効な解決策ではありません。なぜなら、そのクラスを既に作成されているすべての要素に追加する必要があり、あなたが知っている...正確には最適ではないからです。また、そのクラスを body に追加することはできません。これは、cursor: ポインターを持つ子がそれを上書きするためです。

それを行う方法はありますか？

4

6 に答える 6

8

要素のカスタムcursorを作成できますbody。これは、後でセレクターによってオーバーライドされない限り、デフォルトとして機能します。

body {
    cursor: URL(images/cursorimage.cur); /* IE */
    cursor: URL(images/cursorimage.gif);
}
于 2012-09-11T11:24:15.087 に答える
3

カーソルのデフォルトの画像を変更する必要があります。カスタム画像を使用したポインター。

最初はそれを誤解していましたが、このコメントを読んだ後、物事がより明確になりました。

これは、jQuery/JavaScript を使用して簡単に行うことができます。まず、少し単純な jQuery バージョンを次に示します。

$("*").each(function() {
    var cur = $(this);
    if(cur.css("cursor") == "pointer") {
       cur.css("cursor", "url(newcursor.ico)");
    }
});

純粋な JavaScript バージョン:

var elms = document.getElementsByTagName("*");
var n = elms.length;
for(var i = 0; i < n; i ++) {
    if(window.getComputedStyle(elms[i]).cursor == "pointer") {
        elms[i].style.cursor = "url(newcursor.ico)";
    }
}
于 2012-09-11T12:09:04.160 に答える
2

はい、このように簡単に行うことができます

   .anyclass{
    cursor: URL(images/cursorimagefule.gif);
    }

画像ファイルは 32x32 以下である必要があります

どうやら Internet Explorer は .cur ファイルのみをサポートしているようです

より詳しい情報

于 2012-09-11T11:20:01.850 に答える
1

これらのどれも私にとってはうまくいきませんでした。このわずかに異なる構文を使用する必要がありました。小文字の 'url' 、パスの前後の引用符、および !important の追加に注意してください。また、どのサイズでも機能します。

body {
  cursor: url("mouseSm.png"), auto !important;
}
于 2017-02-26T20:39:56.830 に答える
0

cursor オプションを使用すると、使用できる画像について http://www.echoecho.com/csscursors.htm で見つけること が できます

cursor:url(uri)
于 2012-09-11T11:20:39.320 に答える
0

「cursor」プロパティの使用は、CSS プロパティの場合と同じです。目的の要素に適用するだけです。

<style type="text/css">
body{
    cursor: url(mycursor.cur)
}
</style>

これにより、Web ページのデフォルトの矢印カーソルが代わりにカスタム イメージに変更されます。

于 2012-09-11T13:32:04.270 に答える