Question

我有一个带有类＆＃34; select-select-no-results＆＃34;的select元素。这是所选CSS的一部分。因此，我可以在选择菜单中选择多个值。但是，当我在对话框中添加此选择菜单时，select会从对话框继承属性并丢失＆＃34; selected-select-no-results＆＃34;的属性。有什么方法可以解决这个问题？更新：这是代码：

<div id="dialog-2" title="Dialog Title goes here..." style="display:none">

<select data-placeholder="Empty by default" id="myCountries" name="Countries[]" multiple class="chosen-select-no-results" style="width:450px" tabindex="5">

<optgroup label="Countries">    

<option id='us'>USA</option>
<option id='ca'>Canada</option>
   .
   .
   .
</optgroup>
</select></div>

Answer 1

从“完成它”的角度来看，你可以使用：

selector{
    property: value !important;
}

现代浏览器将使用标记为！important的值覆盖继承。但是当你找不到正确构建CSS的方法时，你应该只使用！important。查看继承规则并更改指定CSS选择器的方式。

Answer 2

您还可以使用初始关键字：

selector {
    property:initial;
}

Donwside：据我所知，在IE中不起作用。 http://www.w3schools.com/cssref/css_initial.asp

避免继承风格

2 个答案: