css - 有没有办法在 IE8 中居中选择/组合框选项元素？

我遇到了在 IE8 中将选择选项元素居中的问题。基本上，这对我来说适用于其他浏览器，但不适用于 IE8。

到目前为止，我已经设法避免了任何特定于浏览器的黑客攻击，但根据我所做的研究，这似乎无法在 IE8 上实现。

下面是说明问题的示例代码。

<html>
<head><style>select { text-align: center; }</style></head>
<body>Debugging Centering Issue
    <select>
        <option>Short option</option>
        <option>Very Long Option with lots of horizontal width</option>
    </select>
    </body>
</html>

在 FF 中加载它，组合框居中。在 IE 中做同样的事情，它是左对齐的。

我试过使用 jQuery Center Element Plugin , 没有任何成功。

有办法吗？

澄清一下，我说的是将选项(下拉项)集中在选择元素上，而不是选择元素本身。

最佳答案

默认情况下不可能。

检查:how to make sure select option text align in the center in IE?

如果它真的应该居中，我会用 javascript 创建一个自定义选择。

如果您愿意，我可以用 HTML 和 Jquery 为您编写示例。

关于css - 有没有办法在 IE8 中居中选择/组合框选项元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4391046/