これはおそらく基本的なCSSの質問ですが、私はCSSに精通しておらず、ただ輪になって進んでいるようです。
これが私が英語で持っているものです:私は400pxの固定幅の選択要素を持っています。各オプションのテキストは、その400pxの幅に収まりません。水平スクロールバーが表示されません。テキストが切り取られるだけです。スクロールバーを取得するにはどうすればよいですか?
これが私がHTML/CSSに持っているものです:
<div>
<select style="width=400px">
<option>this text is too wide to fit and gets cut off.....</option>
...
</select>
</div>
オーバーフロープロパティを試しましたが、間違って使用しているか、select要素で機能しません。
水平スクロールバーを取得するにはどうすればよいですか?
フォーム要素は、スタイリングが難しいことで有名です。
幅の設定には、小さなタイプミスがあります。あなたが必要です
<select style="width: 400px">
そうしないと、通常のselect
要素を使用して水平スクロールバーを実現できないと思います。 SexyCombo のようなJavaScriptベースの代替手段に頼る必要があります。これは、スクロールバーを持つようにカスタマイズできる場合があります。その他のオプション: 11 jQueryプラグインによるHTMLドロップダウンの強化
<select style="width: 400px;">
(「width=
")インラインcss構文を使用している場合は、style = "width:400px;"を使用する必要があります。
また、複数選択を使用している場合は、
<select multiple style="width: 400px;">