可能添加填充到HTML選項跨瀏覽器？

我想在html選項（包括下拉列表和選擇框）中添加填充選項。我可以在Firefox中使用CSS填充來做到這一點，但似乎這是唯一適用的瀏覽器。代碼：可能添加填充到HTML選項跨瀏覽器？

option 
{ 
padding:5px; 
} 

<select> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
<br/> 
Some other stuff:<br/> 
<select multiple="multiple"> 
    <option>Test1</option> 
    <option>Test2</option> 
</select>

小提琴：

http://jsfiddle.net/4u9LV/

我發現this question，其中約增加左右填充使用 會談，但我希望周圍填充。是否有一種很好的方法可以在所有瀏覽器中實現我在firefox中獲得的內容？

來源

2012-12-20 Abe Miessler

http://formalize.me/ – Jawad

傳統瀏覽器中的輸入元素是「黑盒子」 - 它們的組成部分嚴格來說不是DOM元素。然而，輸入元素的行爲及其樣式在W3C規範中沒有任何規定。

輸入樣式是故意未指定的。所以瀏覽器可以自由地做任何他們想做的事情。所以忽略你定義的任何造型。

所以更好的選擇是通過JavaScript和格或列表爲此

來源

2012-12-20 17:27:39

AFAIk只有Firefox才能真正支持這種風格。

沒有跨瀏覽器的純CSS方式來實現SELECT元素或其選項上的填充/餘量等。

我想要做到這一點的唯一方法是作弊和使用DIVS或UL，而不是使用JS做這項工作。

來源

2012-12-20 17:20:01

有一次，我偶然發現了一個JavaScript復位，而允許你的風格所有的表單元素，包括HTML表單元素選項並選擇跨瀏覽器。在我的生活中，我失去了聯繫。有任何想法嗎？ – Jawad

可能添加填充到HTML選項跨瀏覽器？

回答

相關問題