IE8の選択要素内にあるテキストを垂直に整列させます

Question

私はselect型のHTML入力要素を持っています。要素の高さは28ピクセルです。 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>