jquery - JQuery css メソッドを使用したカスタム CSS カーソル

Question

JQuery の .css() メソッドを使用して、次のカーソル スタイルを指定する方法はありますか?:

cursor: url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur), default !important;

Answer 1

jQuery は を理解しない!importantので、それを削除すると動作します:

$('selector').css({
    'cursor': 'url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur), default'}); 

それを回避する方法はいくつかありますが、CSS クラスを使用してみませんか?

/* CSS */
.cursor {
    cursor: url('http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur'), default !important;
}

したがって、次のことができます。

$('selector').addClass('cursor');

他の代替手段もあります。参照: How to apply !important using .css()?

Answer 2

以下のコードを使用してフィドルで問題なく動作するようですが、上記のように、動作させる を削除しました!important。

$('#cursor').css(        
    'cursor','url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur),default'
);