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

Question

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

有谁知道如何垂直对齐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>