我正在尝试将文本与表单的select元素内部的中心对齐。它适用于Firefox而不是Chrome：任何想法？

我正在尝试将文本与表单的select元素内部的中心对齐。它在Firefox中正常工作，但文本仍然对齐到左侧：任何想法？我正在尝试将文本与表单的select元素内部的中心对齐。它适用于Firefox而不是Chrome：任何想法？

这里的CSS：

.top-search select{ 
    background: #fff; 
    border: 1px solid #ccc; 
    width: 190px; 
    height: 28px; 
    text-align: center; 
    padding-top: 4px; 
}

工作正常，在FF但不是在Chrome

来源

2013-04-12 Manuel Isern

你能提供剩下的代码吗？表单本身的html/css？ – PlantTheIdea

可能的重复http://stackoverflow.com/questions/10813528/is-it-possible-to-center-text-in-select-box – Morpheus

由于它是一个内联元素，可能'text-align'不是一个可配置的CSS属性为'select'。 – Sparky

我知道造型选择是什么，是不是很容易。有些东西你可以改变（高度和边界），但你不能的其他属性。更重要的是浏览器决定如何设计风格以及可以改变多少。所以，看起来FF是允许你改变它，而Chrome不是。我认为这完全取决于浏览器（和操作系统）。

来源

2013-04-12 16:44:00 Fernker

我非常感谢你的回答。是的，造型表单元素不是一件容易的事情！ –

我正在尝试将文本与表单的select元素内部的中心对齐。它适用于Firefox而不是Chrome：任何想法？

回答

相关问题