垂直对齐 IE8 选择元素内的文本

Question

我有一个 select 类型的 HTML 输入元素。元素的高度为 28px。在不使用 CSS 修改元素的情况下，里面的文本会在除 IE8 之外的所有浏览器中自动垂直对齐。在 IE8 中，选择的文本位于元素的左下角。

有谁知道如何垂直对齐 HTML 选择元素中的文本？

Answer 1

没有您的html，很难确切地知道您的样式。听起来您使用的是 <input type="select" /> 之类的东西，但这实际上不是有效的 html。

但是，要垂直对齐中间的文本，您需要将line-height 设置为与height 相同的数字。

所以在这种情况下，您需要设置 line-height: 28px; 以匹配 height: 28px;。

对于您的html，我建议您使用：

• <input type="text" />如果您正在寻找标准文本输入

  或

• 如果您正在寻找下拉选择：

  <select>
      <option value="Test1">Test 1</option>
      <option value="Test2">Test 2</option>
  </select>