如何将CSS（特别是填充/边距）应用到选项或optgroup的选择下拉列表中？

填充或边距CSS仅适用于FF浏览器中的选项。我在IE浏览器中尝试过同样的事情，但不起作用。有人可以让我知道我们如何在选择菜单中设置样式（填充/边距）选项。如何将CSS（特别是填充/边距）应用到选项或optgroup的选择下拉列表中？

大多数浏览器不支持此功能，因为它会改变用户的体验。他们通常希望用户看到本地OS表单控件。如果样式元素很重要，可以使用一个库来替换表单控件和可以使用CSS样式的自定义HTML。 – Shmiddty

你为什么不展示你的尝试？ – epascarello

Schmiddty是对的。 +1 –

有一个DropKick JQuery library，在那里你可以定制你的下拉列表（它会自动与此元素代替天然的下拉列表中，这样你就不会需要更换<select>元素的HTML代码。

2012-09-12 09:03:57

<！DOCTYPE HTML> –

所有选项和optgroup都需要显示在同一垂直线上。现在，它正在一行中显示optgroup并为选项添加一些填充或保证金。 –

-3

你不会看到这是因为它不是必需的，我通常做的是将选定的下拉菜单包装在div中，并且它的样式类似于这样：

.myDropdown select { border：solid 1px red; font -weight：normal; width：300px; height：40px; font-size：12px; background：#FFC; }

填充不可用的原因是因为它确实不是必需的。您可以调整框的高度或宽度以及字体大小。调整高度和宽度基本上会在选区内的文字周围增加更多空间。除了调整这些设置之外，任何事情都只是矫枉过正。如果你真的想控制样式，那就使用jQuery UI或bootstrap。

2013-07-11 16:35:53 caseyctg

对用例的看法并没有很好的答复。 – mystrdat

_“不需要”_？那根本不是一个好答案。这是设计师做出的决定。 – CodeGodie

回答