html – 添加填充以选择选项

我想使用css在html中的选择选项之间添加一些空格(填充,边距或任何).我已经尝试过使用像：

select option {
     padding:10px
 }

然而它没有工作.我已经看到这是可以做的,但它在IE中不起作用.无论如何,我想让这个工作在其他浏览器,即使它不工作在IE.

PS：目前使用Chrome

JSFiddle example

解决方法

造型选择选项非常有限,以保持操作系统中所有应用程序之间的一致性和一致性,因此浏览器应该限制一些基本元素的风格,如您的案例选项标签.

限制依赖于浏览器到浏览器,如padding,甚至选项标签的边距在mozilla firefox中工作,而不适用于chrome.

如果在您的网站中非常有必要对选项标签进行风格化,那么我建议您使用一些jQuery插件(您也可以自己下载,简单的).