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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有没有办法在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,没有任何成功。

有没有办法做到这一点?

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

答案

默认情况下不可能。

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

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

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

以上是关于有没有办法在IE8中居中选择/组合框选项元素?的主要内容,如果未能解决你的问题,请参考以下文章

Windows 窗体中的多级组合框

在组合框中选择升序时如何对元素列表进行排序

extjs 表单元素中的 Extjs 组合框在禁用时未灰显

有没有办法在css中选择一个打开的选择框?

选择框背景颜色html

带有“全部”或“任何”选项的搜索组合框