如何将文本置于选择列表中心

Question

我无法在html表单中设置选择列表的样式。基本上我希望它的字体大小为12px，高度为30px;问题是该框被绘制到正确的高度，但文本呈现在每个浏览器中都有所不同。在FireFox中，它会在左上角呈现它。我想垂直居中文本。任何人都知道这样做的方法，还是我需要用ul定制一些东西？

谢谢

Answer 1

唯一的方法是放弃<select>并使用<input type="text"<和<div>来提供选择列表的确切感觉，但能够尽可能地执行所有操作是你最后的<li>。

我使用此方法不显示对齐的文字，而是每行使用小图标。 这也使我能够准确地显示我不想使用什么浏览器。

如下图

Answer 2

您无法在所有浏览器中使用CSS可靠地自定义<select>元素。

您需要制作自定义列表控件。

Answer 3

祝你好运，text-align仅适用于块元素。选择列表由浏览器格式化，与大多数表单字段元素（如文件输入类型）一样。希望有更好的日子。我见过的解决方法真的很难看。

Answer 4

稍微添加一个新的答案，但我遇到了你的问题，寻找相同的答案，并认为必须有另一种方式。

乌拉！我实际上发现了一个！

因此，对于任何想要找到这个答案的新人来说，我就是这样做的：

只需使用 手动将每个选项放在下拉列表中。