6

多くのオプションを含むデータリストがあります。リストが長すぎます。縦スクロールさせたいです。 

<input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
<option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
<option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

ここでデモ 問題
FIDDLE

4

1 に答える 1

2

残念ながら、datalist 属性でできることはあまりありません。データリストは現在 CSS スタイルをサポートしておらず、特定の視覚的特性はブラウザー固有です。一部のブラウザーは、長いリストにスクロールバーを追加することを選択する場合があります。これが受け入れられない場合は、データリストを忘れてドロップダウン リストを実装し、必要に応じてリスト サイズを設定する必要があります。

于 2015-01-28T11:52:22.817 に答える