多個選擇大小屬性不能應用

Question

我有<select multiple="multiple">..</select>選擇，我也有select{heigth: 30px;}在我無法編輯的某些樣式表中。現在我的多重選擇有1行高 - 「大小」屬性不能應用。我該如何解決這個問題？

Answer 1

嗯，首先 - 我假設你使用的是height屬性，而不是拼寫錯誤的heigth屬性。有兩種方法可以解決這個問題。 第一個（我不推薦）是通過簡單地追加風格的HTML元素，象下面這樣：

<select multiple="multiple" style="height:100px">..</select> 

或者，相反，我的建議是使第二樣式表，使用以下屬性，其中包括「！important」，它遵循屬性值：

select { 
    height: 100px !important; 
} 

這樣做會覆蓋原始樣式並將其替換。這不是您可以用來覆蓋它的唯一方法 - 您可以使用read here on CSS specificity。

Answer 2

我認爲正確的方法應該是將一類特定<select>，並給予它正確的大小，如：

<select multiple="multiple" class="multiple">

select.multiple { 
    height: 100px; 
} 

Answer 3

我喜歡乾淨的解決方案。

select[multiple] { 
    height: 100px; 

}