JavaScript を使用せずにドロップダウン リスト内のオーバーフロー テキストを切り詰めることはできますか?

ドロップダウン リストのオーバーフロー テキストの切り詰め

最新のブラウザでは、ドロップダウン リストなどのフォーム コントロールのスタイル オプションが制限されています。よくある課題の 1 つは、オーバーフローしたテキストを折り返さずに表示することです。 text-overflow: ellipsis のような CSS プロパティは特定の要素では適切に機能しますが、 はサポートされていません。

JavaScript を使用せずにドロップダウン リストで溢れたテキストを切り詰める方法はありますか?

いいえ、現在、ネイティブで溢れているテキストを切り詰める CSS のみのソリューションはありません。ドロップダウンリスト。 text-overflow: ellipsis プロパティは、これらの要素ではサポートされていません。

代替アプローチ

• カスタム選択置換を使用します: カスタマイズ可能Chosen のようなソリューションは、テキストをサポートする代替選択実装を提供できます。 truncation.
• バグ レポートを提出してください: ネイティブ

で切り捨てがサポートされていないことを報告するには、主要なオペレーティング システムまたはブラウザに問い合わせる価値があります。要素。この見落としは将来のバージョンで修正される可能性があります。

回避策として、overflow: hidden やwhite-space: nowrap などの CSS プロパティを使用してテキストの折り返しを防ぐことができますが、オーバーフローは切り詰められません。

以上がJavaScript を使用せずにドロップダウン リスト内のオーバーフロー テキストを切り詰めることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。