html - 可以向跨浏览器的 html 选项添加填充吗？

Question

我想在 html 选择(下拉列表和选择框)中围绕我的选项添加填充。我可以使用 CSS 填充在 Firefox 中执行此操作，但似乎这是唯一适用的浏览器。代码:

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>

fiddle :

http://jsfiddle.net/4u9LV/

我找到了 this question ，它讨论了使用   添加左右填充，但我想要四周填充。有没有一种好方法可以跨所有浏览器实现我在 firefox 中获得的内容？

Answer 1

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

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

所以更好的选择是通过 JavaScript 和 div 或 list 来做到这一点