您可以通过两种方式实现这一点：

$("#elem").prop("style", "width: 100px !important"); // this is not supported in chrome
$("#elem").attr("style", "width: 100px !important");

对于这个问题，我认为最简单、最好的解决方案是使用addClass（）而不是.css（）或.attr（）。

例如：

$（'#elem'）.addClass（'importantClass'）；

在CSS文件中：

.importantClass {
    width: 100px !important;
}

如果它不那么相关，并且由于您正在处理一个元素#elem，那么您可以将其id更改为其他元素，并根据您的意愿对其进行样式设置。。。

$('#elem').attr('id', 'cheaterId');

在CSS中：

#cheaterId { width: 100px;}

我还发现某些元素或插件（如Bootstrap）有一些特殊的类情况，它们不能很好地使用！重要的或其他解决方法，如.addClass/.removeClass，因此您必须打开/关闭它们。

例如，如果您使用类似＜table class＝“table hover”＞的方法，成功修改行颜色等元素的唯一方法是打开/关闭table hover类，如下所示

$（your_element）最近（“table”）.tggleClass（“table hover”）；

希望这项工作对某人有帮助！：）

我想你没有添加就尝试了！重要的

内联CSS（这是JavaScript添加样式的方式）覆盖样式表CSS。我很确定，即使样式表CSS规则有这种情况！重要的

另一个问题（可能是一个愚蠢的问题，但必须要问。）：您正在尝试的元素是否显示：block；或显示：内联块；？

不知道你在CSS方面的专业知识。。。内联元素的行为并不总是如您所期望的那样。

我们需要首先删除以前的样式。我使用正则表达式删除它。以下是更改颜色的示例：

var SetCssColorImportant = function (jDom, color) {
       var style = jDom.attr('style');
       style = style.replace(/color: .* !important;/g, '');
       jDom.css('cssText', 'color: ' + color + ' !important;' + style); }