无法在IE 8 </select>中的<select>上取消填充

Question

我遇到了IE8的问题。

我有一个选择框来选择电容单位pF，nF和mF。

现在，即使我设置了padding:0，文字仍然有点下降，它会剪切文字。

因此'pF'选项实际上看起来像'nF'，这是不可接受的。

我想知道是否有任何修复。我想不出除了将填充设置为0而无法再次工作。设置小line-height也不会做任何事情。

CSS：

select {
    width: 40px;
    height: 16px;
    padding: 0px;
    font: 8pt Helvetica;
}

有什么想法吗？

编辑：你去了 JSFIDDLE：

http://jsfiddle.net/zuYsF/

默认选择'pF'，它实际上看起来像'nF'。

Answer 1

我不认为这是填充导致问题，这可能与行高

有关

因此，尝试将线条高度设置为框的高度减去边框顶部和边框底部（总体上看起来总共是4px，通过外观判断该图像...）高度可能大约为12px ... < / p>

line-height: 12px;

如果这不能解决问题，则必须在jsfiddle中重现它，以便我们可以修改代码，向您提供实际的工作示例。

请注意，表格元素的风格明显不可靠，你无法逃脱一切。 display: block可以创造奇迹，但在这种情况下无济于事。

这似乎是<select>标签样式的欢呼限制......真的在所有浏览器中。

您可能想要查看此问题，这似乎并非完全不相关。

I want to vertical-align text in select box