css - 我正在尝试将文本与表单的选择元素内的中心对齐。它在 Firefox 中运行良好，但在 Chrome 中运行良好 : any ideas?

Question

我试图将文本与表单的选择元素内的中心对齐。它在 Firefox 中运行良好，但文本在 Chrome 中仍然向左对齐:有什么想法吗？

这是CSS:

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

在 FF 中工作正常但在 Chrome 中不工作

Answer 1

我知道样式选择不是一件很容易的事情。您可以更改某些内容(高度和边框)，但不能更改其他属性。由浏览器决定如何设置样式以及您可以更改多少。因此，看起来 FF 允许您更改它，而 Chrome 则不允许。在这种情况下，我认为这完全取决于浏览器(和操作系统)。