How can I set the important flag in a css with jQuery?

Question

Possible Duplicate:
Jquery css: applying !important styles

I have the following code:

$("body")
    .ajaxStart(function () {
        $(this).css({ 'cursor': 'progress' })
    })
    .ajaxStop(function () {
        $(this).css({ 'cursor': 'default' })
    });

This works but not when I hover over a link where I have a hover and a different cursor. Is there a way that I can set the CSS cursor property above to important with jQuery>

score 6 · Answer 1 · answered Sep 10 '12 at 08:38

6

Try this code for example:

$(this).css({ 'cursor': 'default !important' })

answered Sep 10 '12 at 08:38

Alessandro Minoccheri

35,521
22
122
171

score 3 · Answer 2 · answered Sep 10 '12 at 08:38

3

$("body")
.ajaxStart(function () {
    $(this).css({ 'cursor': 'progress !important' })
})
.ajaxStop(function () {
    $(this).css({ 'cursor': 'default !important' })
});

answered Sep 10 '12 at 08:38

thecodeparadox

86,271
21
138
164

No down vote by me but I guess because of the other answers saying there are problems with !important. I am still looking at all the links. – Samantha J T Star Sep 10 '12 at 08:48
@SamanthaJ there is no problem with me. What is the different among all other answers ans with my answer.. explain – thecodeparadox Sep 10 '12 at 08:50

score 2 · Answer 3 · edited Sep 10 '12 at 09:56

2

Just add !important after your property value:

$("body")
    .ajaxStart(function () {
        $(this).css({ 'cursor': 'progress !important' })
    })
     .ajaxStop(function () {
        $(this).css({ 'cursor': 'default  !important' })
   });

edited Sep 10 '12 at 09:56

thecodeparadox

86,271
21
138
164

answered Sep 10 '12 at 08:39

GajendraSinghParihar

9,051
11
36
64

score 1 · Answer 4 · edited May 23 '17 at 12:03

1

This is the syntax,

How to apply !important using .css()?

edited May 23 '17 at 12:03

Community

1
1

answered Sep 10 '12 at 08:38

Vivek S

5,384
8
51
72

How does this line up with the other answers? Now I'm a bit confused. – Samantha J T Star Sep 10 '12 at 08:40
http://stackoverflow.com/questions/2655925/jquery-css-applying-important-styles – KyorCode Sep 10 '12 at 08:40
1

You need to add the implementation of your *style* function.. – Michal Klouda Sep 10 '12 at 08:42
there is no method `style` for jQuary can you conform your source or show us a demo? – GajendraSinghParihar Sep 10 '12 at 08:42
i tried to post the link, now corrected it – Vivek S Sep 10 '12 at 08:42

How can I set the important flag in a css with jQuery?

4 Answers4