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

时间:2010-12-08 18:46:28

标签: css internet-explorer-8 centering

我遇到了在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,但没有成功。

有办法做到这一点吗?

为了澄清,我说的是选择元素的选项(下拉项)的居中,而不是选择元素本身。

1 个答案:

答案 0 :(得分:0)

默认情况下不可用。

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

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

如果你愿意,我可以用HTML和Jquery为你编写一个例子。