垂直對齊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>