如果你想在一个样式属性中删除一个属性——而不仅仅是将它设置为其他属性——你可以使用removeProperty()方法:

document.getElementById('element').style.removeProperty('display');

更新: 我做了一个交互式的小提琴来玩不同的方法和他们的结果。显然，set to empty string、set to faux value和removeProperty()之间没有太大区别。它们都会导致相同的回退——要么是预先给定的CSS规则，要么是浏览器的默认值。

我有类似的问题与宽度属性。我不能从代码中删除!important，因为它在一个新模板上需要这种样式，我添加了一个Id (modalstyles)到元素中，然后我添加了以下代码到模板中:

<script type="text/javascript">
    $('#modalstyling').css('width', '');    //Removal of width !important
    $('#modalstyling').width('75%');        //Set custom width
</script>

下面是我编写的插入jQuery的inlineStyle选择器过滤器。

$("div:inlineStyle(display:block)") // will select all divs with an inline style of display: block set

在你的例子中，你可以这样使用:

$("div:inlineStyle(display:block)").hide();

$("[style*=block]").hide();

如果显示是你的样式中唯一的参数，你可以运行这个命令来删除所有的样式:

$('#element').attr('style','');

这意味着如果你的元素之前是这样的:

<input id="element" style="display: block;">

现在你的元素看起来是这样的:

<input id="element" style="">

.removeAttr("style")来去掉整个style标签…

.attr("style")来测试值，看看是否存在内联样式…

.attr("style"，newValue)将其设置为其他值