IE で固定幅のドロップダウンによってコンテンツが切り取られるのはなぜですか?それを修正するにはどうすればよいですか?

IE で固定幅のドロップダウンのコンテンツが切り取られる

IE では、次の場合に固定幅のドロップダウンを選択すると項目のコンテンツが切り取られることがあります。リストが展開されます。この問題は、ドロップダウンの幅が制限されており、幅の広い要素が完全に表示されないために発生します。

ドロップダウンの CSS:

select.center_pull {
    width: 145px;
    /* Other CSS properties... */
}

問題の背景:

IE6 および IE7 はこの動作を示しますが、Firefox は最も長いアイテムを収容できるドロップダウンの幅。ただし、要件は、ドロップダウンの固定幅を維持しながら、長い項目を表示できるようにすることです。

IE 8 以降の解決策:

IE 8 以降の場合、この問題は CSS を使用して解決できます:

select:focus {
    width: auto;
    position: relative;
}

この CSS を適用すると、ドロップダウンの幅が動的になります集中力が高まったとき。これにより、リスト項目が固定幅を超えて拡張され、完全な表示が保証されます。

古い IE バージョンとの互換性:

残念ながら、この解決策は IE 7 には適用できません。およびそれ以前のバージョンは、「:focus」セレクターをサポートしていないためです。

以上がIE で固定幅のドロップダウンによってコンテンツが切り取られるのはなぜですか?それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。