避免风格的继承

-1

我有一个选择元素类“选择选择无结果”。这是所选CSS的一部分。作为这个的结果，我可以在选择菜单中选择多个值。但是，当我在对话框中添加此选择菜单时，select将从对话框中继承属性，并失去“选择不选结果”的属性。任何方式来解决这个问题？更新：这是代码：避免风格的继承

<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>

来源

2015-04-07 adarsh hegde

你能告诉我们你将这些元素展示给对话框的方式吗？和选择无选择的结果！与此我可以帮助您使选定的CSS规则最强对话框之一:-) – clement

请包括当前代码的问题。 –

问题几乎可以肯定是特异性的，而不是继承。阅读[this]（http://www.w3.org/TR/CSS2/cascade.html#cascade）并使用浏览器中的开发人员工具查看哪些规则适用于元素（以及顺序）。 – Quentin

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

selector { 
    property:initial; 
}

Donwside：在IE浏览器不工作 - 据我所知。 http://www.w3schools.com/cssref/css_initial.asp

来源

2015-04-07 08:55:00

我尝试过，但现在选择菜单没有任何属性。 –

更新了我的示例。 –

从“完成它”的观点，你可以使用：

selector{ 
    property: value !important; 
}

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

来源

2015-04-07 08:40:01

最好在选定的人之外创建特定的规则，但它会起作用:-) – clement

如果规则已经非常重要，这与继承无关，但与特定性无关。 – Quentin

这将有助于查看OP的CSS。 –

避免风格的继承

回答

相关问题