html - 保持下拉列表滚动条固定高度

Question

我目前有 3 个下拉列表，其中包含不同数量的元素。是否可以保持可滚动高度固定？例如，如果我在一个列表中有 3 个元素，在另一个列表中有 8 个元素，当我单击任一列表时，下拉部分保持相同的高度。此时，包含 8 个元素的列表的下拉区域明显更大。

<select id="picDD1" >
        <option value="0">New Leaf Green</option>
        <option value="1">Air Force Blue</option>
        <option value="2">Grecian Purple</option>
        <option value="3">Antique Gold</option>
        <option value="4">Deep Coral Red</option>
        <option value="5">Yellow</option>
        <option value="6">Pink</option>
        <option value="7">Grey</option>
        <option value="8">White</option>        
</select>

<select id="picDD2">
        <option value="0">Light Weight Aluminium</option>
        <option value="1">High-tech carbon fiber</option>
</select>

<select id="picDD7">
        <option value="0">Basket</option>
        <option value="1">Tail Light</option>
        <option value="2">Bell</option>
        <option value="3">Heavy Duty Lock</option>
</select>

Answer 1

试试这个:

<select id="picDD1" onmouseover="this.size = 3" onmouseout="this.size = 1">

从这里得到 Show just some options in in HTML drop down list