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>

小提琴：

http://jsfiddle.net/4u9LV/

我找到this question，其中讨论了使用 添加左右填充，但我想要所有填充。是否有一种很好的方法可以在所有浏览器中实现我在Firefox中获得的内容？

Answer 1

AFAIk只有Firefox才真正支持这种风格。

没有跨浏览器的纯CSS方法来实现SELECT元素或它们的OPTIONS上的填充/边距等。

我想这样做的唯一方法就是欺骗并使用DIVS或UL，并使用JS进行工作。

Answer 2

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

输入样式是故意未指定的。因此浏览器可以随心所欲地做任何事情。所以要忽略你定义的任何样式。

所以更好的选择是通过带有div或list

的JavaScript来做到这一点

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

2 个答案: