web-dev-qa-db-ja.com

固定幅とスクロールバーを持つHTML選択要素

これはおそらく基本的な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要素で機能しません。

水平スクロールバーを取得するにはどうすればよいですか?

8
schmimd04

フォーム要素は、スタイリングが難しいことで有名です。

幅の設定には、小さなタイプミスがあります。あなたが必要です

<select style="width: 400px">

そうしないと、通常のselect要素を使用して水平スクロールバーを実現できないと思います。 SexyCombo のようなJavaScriptベースの代替手段に頼る必要があります。これは、スクロールバーを持つようにカスタマイズできる場合があります。その他のオプション: 11 jQueryプラグインによるHTMLドロップダウンの強化

14
Pekka
  1. そのはず <select style="width: 400px;">(「width= ")
  2. 通常のHTML選択には、何をしてもスクロールバーがありません:)
3
Select0r

インラインcss構文を使用している場合は、style = "width:400px;"を使用する必要があります。

また、複数選択を使用している場合は、

<select multiple style="width: 400px;">
0