如何在IE10中居中选择框的文本

Question

大家好我有一个下拉选择框我使用了text-align：center;用于居中

文字，但它只适用于Firefox而不是IE，Chrome。

这是代码：

.option
{
  text-align:center;
}

Answer 1

您可以尝试在select元素上添加padding-left。

这不会产生与text-align:center完全相同的结果，但也许它足够接近你了。

FIDDLE

Answer 2

将其包裹在div中，并使用margin：auto;对于div。 （如果你想让整个元素居中）