Seçme öğesinin açılanması için maksimum yükseklik (seçenek öğeleri)

Question

Seçme öğesinin açılır penceresinin yüksekliğini nasıl sınırlayabilirim - böylece toplam seçenek miktarı bu yükseklikten büyükse - açılır listeden bir kaydırma almalıyım . Bunu piksel veya öğe sayısı açısından yapabilsem memnun olurum. Yalnızca bir parşömende ilk 4 seçenek ve gerisini söylemek görüntüleyen ediyorum nasıl

<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> 

:

yüzden aşağıdaki html işaretlemeyi bulunmadığını belirtti. Şimdiye kadar sahip olduğum şey ve işe yaramamış olmasıdır.

Answer 1

StackOverflow üzerinde etrafta arama yaparken, this ile karşılaştım. Ne yazık ki, bir açılır kutuyu tutmak istiyorsanız, CSS'de istediğiniz şeyi elde edemezsiniz. JavaScript veya jQuery, bağlantıda belirtildiği gibi hile yapacaktır veya select etiketinizde size özniteliğini kullanabilir, ancak bu, açılır kutu görünümünü bozacaktır. ,

<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 cevap, bu şekilde yapabilirsiniz bulundu.