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

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>

Alessandro Minoccheri · Accepted Answer · 2012-09-10 08:38:37Z

6

Try this code for example:

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

answered Sep 10, 2012 at 8:38

Alessandro Minoccheri

36.1k22 gold badges128 silver badges176 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

thecodeparadox · Accepted Answer · 2012-09-10 08:38:50Z

3

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

answered Sep 10, 2012 at 8:38

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

2 Comments

Samantha J T Star Over a year ago

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.

thecodeparadox Over a year ago

@SamanthaJ there is no problem with me. What is the different among all other answers ans with my answer.. explain

thecodeparadox · Accepted Answer · 2012-09-10 09:56:48Z

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, 2012 at 9:56

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

answered Sep 10, 2012 at 8:39

GajendraSinghParihar

9,16911 gold badges40 silver badges67 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:03:18Z

1

This is the syntax,

How to apply !important using .css()?

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered Sep 10, 2012 at 8:38

Vivek S

5,5708 gold badges57 silver badges74 bronze badges

5 Comments

Samantha J T Star Over a year ago

How does this line up with the other answers? Now I'm a bit confused.

KyorCode Over a year ago

stackoverflow.com/questions/2655925/…

Michal Klouda Over a year ago

You need to add the implementation of your style function..

GajendraSinghParihar Over a year ago

there is no method style for jQuary can you conform your source or show us a demo?

Vivek S Over a year ago

i tried to post the link, now corrected it

Collectives™ on Stack Overflow

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

4 Answers 4

Comments

2 Comments

Comments

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

5 Comments

Linked

Related