如何确保选择选项文本在 IE 中居中对齐？

Question

以下 CSS 在 FF 中有效，但在 IE（至少 8.0）中无效，如何确保文本在 IE8.0 的中心对齐？谢谢！！！

 select, option {
    text-align: center;
}

原文由 WilliamLou 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

鉴于这在 IE 中是不可能的，我认为您将不得不求助于：

1. 实现您自己的 SELECT 小部件。有很多 JS 库可以做到这一点，主要是因为 SELECT 输入很难设置样式。

2. 在较小的选项前插入适当的空格。

编辑：看起来空白不起作用，但 HTML 空间可以：

 <SELECT>
   <OPTION>&nbsp;&nbsp;&nbsp;SMALL</OPTION>
   <OPTION>&nbsp;&nbsp;LARGER</OPTION>
</SELECT>

这真是一个黑客…

原文由 Chase Seibert 发布，翻译遵循 CC BY-SA 2.5 许可协议