1

我想在 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>

小提琴：​</p>

http://jsfiddle.net/4u9LV/

我发现了这个问题，它谈到了使用添加左右填充，&nbsp;但我想要所有填充。有没有一种好方法可以在所有浏览器中实现我在 Firefox 中获得的内容？

4

2 回答 2

1

AFAIk 只有 Firefox 真正支持此样式。

没有跨浏览器的纯 CSS 方法可以在 SELECT 元素或其 OPTIONS 上实现填充/边距等。

我想这样做的唯一方法是作弊并使用 DIVS 或 UL 代替，并使用 JS 使其工作。

于 2012-12-20T17:20:01.133 回答
1

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

故意未指定输入样式。所以浏览器可以自由地为所欲为。因此忽略您定义的任何样式。

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

于 2012-12-20T17:27:39.207 回答