text-align center不适用于移动浏览器

Question

我写了text-align=center并尝试使用桌面浏览器并成功运行，但无法在移动浏览器上运行（iPhone上的safari和chrome）。

如何在移动浏览器上将正确的CSS写入中心文本？

.mobileCss{
    width:50%;
    text-align: center;
}  

<select class="mobileCss">
    <option>aaaaaaaa</option>
    <option>bbbbbbbb</option>
</select>

Answer 1

最好的尝试是在你的选择中使用padding-left。

Answer 2

在普通CSS中，没有实际的方法可以在常规选择框中完成文本居中。无论你是否愿意，你都必须使用javascript / jQuery。

你可以：

1）使用javascript / jQuery插件计算大小，并在每次更改值时将文本居中

2）创建一个完全自定义的独立选择框