删除 IE8 中选择元素内的多余填充

【问题标题】：Remove excess padding inside select element in IE8删除 IE8 中选择元素内的多余填充
【发布时间】：2012-10-06 02:45:46
【问题描述】：

我正在尝试使用 CSS 从 select 元素中删除样式。例如： http://jsfiddle.net/HTseX/

无论我怎么尝试，元素的边框和文本之间都有额外的填充，主要是在 IE8 中。 Firefox、Chrome 和 IE9 相似，但 IE8 更高。

我猜这是不可能的。我总是尝试在所有浏览器中使用相同的代码，所以我尝试确保我确实需要为 IE8 进行特定编码，或者使用 JS 下拉菜单。

谢谢。

【问题讨论】：

【解决方案1】：

根据使用的浏览器和操作系统，select 的呈现方式略有不同，并且众所周知，使用 CSS 设置样式是一个麻烦的 HTML 元素（因为显示是从操作系统继承的，而不是由浏览器提供的）。

【讨论】：

是的，我明白这一点。我已经按照我想要的方式解决了所有其他问题，但这是我在编写浏览器特定代码之前需要弄清楚的最后一点。
div，选择，选项 {padding: 0;边距：0；字体大小：正常；行高：正常！重要！;}
我在我的版本和 jsfiddle 中尝试过，唯一的添加是line-height: normal !important;，但也将其添加到选项中，它没有任何影响。这在 jsfiddle 中对你有用吗？
这似乎是让 Chrome 中的选择更高，因此 Chrome 和 IE8 之间没有太大区别。但是，它使它在 Firefox 中更高。
对。 @GionaF 有更好的选择。对不起。