垂直对齐IE8的select元素内的文本

Question

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

有没有人知道如何在HTML select元素中垂直对齐文本？

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>