将类添加到动态添加的文本框

Question

我正在尝试将.addClass添加到动态添加的元素中。

我的守则是：

$("#element").prop('disabled', true).addClass('mydisabled');

元素是禁用的，这是必需的，但在“mydisabled”中声明的样式没有生效。

风格也很简单。

<style type="text/css">
    .mydisabled {
    background-color:#e0dede;
  }
</style>

有什么帮助/知道我错过了什么吗？

Answer 1

您正在添加一个具有已在该元素的另一个类中定义的属性的类。这就是为什么!Important在这里工作。

如果只想用jQ更改一个属性，请尝试使用css()：$("#element").prop('disabled', true).css('background-color', 'eee');

或删除具有背景色的其他类并添加禁用的。

还可以删除所有类并将它们替换为其他类：

$("#element").prop('disabled', true).attr('class', 'mydisabled'); -所以所有的类都将被“我的禁用”类替换。

Answer 2

在谷歌了很多次之后，我found解决了我的问题，那就是增加！重要的是做了这个技巧，谢谢你们所有人的支持。

<style type="text/css">
    .mydisabled {
    background-color:#e0dede !important;
  }
</style>