避免風格的繼承

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

避免風格的繼承

回答

相關問題