html - 有没有办法通过 CSS 添加填充以选择选项？

Question

我想使用 CSS 在 HTML 中的选择选项之间添加某种空间(填充、边距或其他)。我目前正在使用 Chrome，我已经尝试过使用类似这样的东西:

 select option {
     padding: 10px
 }

但是没有成功。我已经读到这可以做到，但它在 IE 中不起作用。

无论如何，我想让它在其他浏览器中工作，即使它在 IE 中不起作用。

JSFiddle example

Answer 1

选择选项的样式非常有限，以保持操作系统中所有应用程序之间的连贯性和一致性，因此浏览器应该限制一些基本元素的样式，例如您的案例选项标签。

限制因浏览器而异，例如选项标签的填充甚至边距在 Mozilla Firefox 中有效，但不适用于 Chrome。

如果您的网站非常需要设置选项标签的样式，那么我建议您使用一些 jQuery 插件(您也可以自己制作一个下拉菜单，这很简单)。