是否可以在跨浏览器的html选项中添加填充？

我想在html选择（下拉列表和选择框）中的选项周围添加填充。我可以在Firefox中使用CSS填充来实现这一点，但这似乎是唯一一款适用于此的浏览器。代码：

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>

选项
{
填充物：5px；
}​
1.
2.
3.


其他一些东西：

测试1
测试2

小提琴：​

---

我找到了，它谈到了使用

添加左右填充，但我想要全部填充。有没有一种好方法可以在所有浏览器中实现我在firefox中得到的功能？

AFAIk只有firefox真正支持这种风格

没有跨浏览器的简单CSS方法来实现对选定元素或其选项的填充/边距等

---

我想唯一的办法是作弊，使用div或UL，并使用JS来实现这一点。

传统浏览器中的输入元素是“黑匣子”——严格来说，它们的部分不是DOM元素。然而，输入元素的行为及其样式并没有在W3C规范的任何地方指定

故意未指定输入样式。因此浏览器可以自由地做任何他们想做的事情。因此，忽略您定义的任何样式

---

因此，更好的选择是使用带有div或list的JavaScript实现这一点，我曾经偶然发现HTML表单元素的JavaScript重置，它允许您设置所有表单元素的样式，包括option&select跨浏览器。为了我的生命，我失去了联系。有什么想法吗？