ホームページ >ウェブフロントエンド >CSSチュートリアル >JavaScript を使用せずに、オーバーフローしたドロップダウン テキストを省略できますか?
ドロップダウン ボックスのオーバーフロー テキストの省略記号
ドロップダウン ボックスの幅を制限する方法があるかどうかという疑問が生じます。 JavaScript を使用せずに、あふれたテキストを切り取り、省略記号を追加します。残念ながら、text-overflow:ellipsis プロパティは div 要素に対しては有効ですが、select 要素に対しては機能しません。
説明
HTML 仕様には次のような制限があります。フォームコントロールのスタイル設定。これにより、オペレーティング システムとブラウザがこれらの要素の独自の表示スタイルを指示できるようになります。その結果、スクロールとテキスト オーバーフローの処理方法はプラットフォームによって異なる場合があります。
考えられる解決策
ネイティブの select 要素の動作が満足できない場合は、次の代替案:
以上がJavaScript を使用せずに、オーバーフローしたドロップダウン テキストを省略できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。