如何将CSS(特别是填充/边距）应用于select下拉菜单的选项或optgroup

How to apply CSS(specially padding/margin ) to options or optgroup of select drop down?

本文关键字：下拉菜单 select 应用于选项 optgroup 边距 CSS 特别是填充更新时间：2023-09-26

填充或边距CSS仅适用于FF浏览器中的选项。我在IE chrome中尝试过同样的东西，但并没有成功。有人能告诉我如何在选择菜单中设置样式（填充/边距）选项吗。

有一个DropKick JQuery库，您可以在其中自定义下拉列表（它会自动将本地下拉列表替换为该元素，因此您不需要在html代码中替换<select>元素。

您不会看到填充或边距选项。那是因为不需要它。我通常所做的是将select下拉框包装在div中，并将其设置为这样的样式

.myDropdown选择{边框：实心1px红色；字体重量：正常；宽度：300px；高度：40px；字体大小：12px；背景：#FFC；}

填充不可用的原因是因为它真的不需要。您可以调整方框的高度或宽度以及字体大小。调整高度和宽度实质上增加了select中文本周围的更多空间。任何超出调整这些设置的操作都是过分的。如果你真的想对样式进行那么多控制，那么就使用jQueryUI或bootstrap之类的东西。