Question

我有这段代码

$('#downvotebutton').click(function() {
    $(this).css('background-color', 'red !important');
    console.log('foo');
    //more

单击downvotebutton时，'foo'将返回到控制台，但背景颜色不会更改。 jQuery链接到页面的其他地方并在其他地方工作。可能是什么原因？

Answer 1

你真的需要!important吗？以下工作：

$(this).css('background-color', 'red');

或者如果您需要!important：

$(this).css("cssText", "background-color: red !important;");

Answer 2

您不能使用jQuery !important方法使用css()语句。

您可以使用：

$(this).attr('style', function(_, rules) { 
     var newval = rules?rules:"";return newval + ';background-color: red !important;' 
});

Answer 3

您可以使用attr()，因为css()无法设置!important属性：

$('#downvotebutton').click(function() {
    $(this).attr('style', 'background-color: red !important');
    console.log('foo');
});

<强> Fiddle Demo

Answer 4

试试这个..

$(docuemnt).ready(function(){
$('#downvotebutton').click(function() {
    $(this).css('background-color', 'red');
    console.log('color changed');
});
});

Answer 5

改为使用班级。 .css不支持!important。

http://bugs.jquery.com/ticket/11173

Answer 6

实际上你可以使用！important与.css（）方法一样重要。

cssText允许你传递第三个争论，在这种情况下！重要

$('#downvotebutton').css("cssText", "background-color: red !important;");

希望这有帮助！

$（this）.css不改变css值

6 个答案: