選択要素のドロップダウンの最大高さ（オプション要素）

Question

選択要素のドロップダウンの高さを制限する方法 - オプションの合計量がこの高さよりも大きい場合、ドロップダウンでスクロールする必要があります。 ピクセルやアイテム数の点でこれを行うことができれば満足しています。

だから私は、次のHTMLマークアップを持っていたと言う：

<select> 
    <option selected>Select</option> 
    <option>This is an option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
</select> 

はどのようにしてスクロール内の最初の4つのオプション、残りを言うだけ表示していました。

This私が今までに持っていたもので、動作しません。

Answer 1

StackOverflowを検索したところ、thisが見つかりました。残念ながら、ドロップダウンボックスにしておきたい場合は、CSSで必要なものを達成することはできません。リンクで言われているように、JavaScriptやjQueryがこのトリックを行うか、selectタグのsize属性を使用できますが、これによってドロップダウンボックスの外観が損なわれます。 、

<select> 
    <optgroup style="max-height: 65px;" label=""> 
    <option selected>Select</option> 
    <option>This is an option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    </optgroup> 
</select> 

Answer 2

は、私はCSS + HTMLでの答えは、あなたがこの方法を行うことができました。