web-dev-qa-db-ja.com

選択オプションのテキストがIEの中央に配置されていることを確認するにはどうすればよいですか？

次のCSSはFFで機能しますが、IE（8.0以上）では機能しません。IE8.0のテキストが中央に配置されていることを確認するにはどうすればよいですか？ありがとう!!!

select, option {
    text-align: center;
}
cssselectinternet-exploreroption
11
WilliamLou

残念ながら、IEでSELECTアイテムの配置を変更することはできませんが、IE 8でもこの悪い習慣を維持していることに驚いています。

12
Pekka

これがIEで不可能であることを考えると、私はあなたが頼らなければならないと思います：

  1. 独自のSELECTウィジェットを実装します。これを行うJSライブラリはたくさんありますが、これは主にSELECT入力のスタイルが難しいためです。

  2. 小さいオプションの前に適切な空白を挿入します。

編集：空白は機能しないように見えますが、HTMLスペースは機能します：

<SELECT>
   <OPTION>&nbsp;&nbsp;&nbsp;SMALL</OPTION>
   <OPTION>&nbsp;&nbsp;LARGER</OPTION>
</SELECT>

それはかなりのハックです...

2
Chase Seibert