IE8 で選択オプション要素を中央に配置する際に問題が発生しました。基本的に、これは他のブラウザーでは機能しますが、IE8 では機能しません。
これまで、ブラウザ固有のハッキングを回避することができましたが、私が行った調査によると、これは IE8 では不可能なようです。
問題を説明するためのサンプル コードを次に示します。
<html>
<head><style>select { text-align: center; }</style></head>
<body>Debugging Centering Issue
<select>
<option>Short option</option>
<option>Very Long Option with lots of horizontal width</option>
</select>
</body>
</html>
FFでロードすると、コンボボックスが中央に配置されます。IE で同じことを行うと、左揃えになります。
jQuery Center Element Pluginを使用してみましたが、成功しませんでした。
これを行う方法はありますか?
明確にするために、select 要素自体ではなく、select 要素のオプション (ドロップダウン項目) を中央に配置することについて話しているのです。