css - 我正在尝试将文本与表单的选择元素内的中心对齐。它在 Firefox 中而不是在 Chrome 中运行良好：有什么想法吗？

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 不允许的情况下更改它。在这种情况下，我认为这完全取决于浏览器（和操作系统）。