選択ボックス要素のテキストは、ユーザーが選択ボックスをクリックするまで、初期ロードで切り捨てられます。次のようになります。
ユーザーがクリックすると、テキストが展開されて「女性」と表示されます。これは IE でのみ発生します。
また、選択ボックスに十分なテキストがある場合、切り捨ては発生しないようです。この動作に気付きました：
選択したテキストのスタイルフックがないと思いますか? この情報に基づいて、長さが6文字（または何か）未満のオプションに一連の空白を追加することは、迷惑な解決策ではないにしても許容できると思います。
フォーカスを取得すると、select は次のようになります。
この投稿のすべてのソリューションを試しました：
この問題の投稿に「行く」ようです。JavaScript も CSS テクニックも、このバグを解決していないようです。
これはよくある問題のようです。上記の投稿で言及されていないIEのこのバグに対処する純粋なcss修正を誰かが提案できますか?
ありがとうございました。