如何设置css中选择下拉列表的大小

Question

我想限制选择下拉列表高度，但更改使用大小属性视图。有没有选项来设置选择元素的下拉列表的高度？

Answer 1

设置下拉select节点的高度，您需要在样式中设置高度属性。

以下示例代码：

<select id="ddl_Country" name="Country" style="height: 50px; border: 1px solid black">
    <option id ="01" selected="selected" >INDIA</option>
    <option id ="02" >AUSTRALIA</option>
    <option id ="03" >SINGAPORE</option>
    <option id ="04" >NEW ZEALAND</option>
    <option id ="05" >RUSSIA</option>
    <option id ="06" >JAPAN</option>    
</select>

JS FIDDLE DEMO

为了增加列表option标记的高度，您需要使用<DIV>和<UL> <LI>标记创建自定义下拉列表，然后设置高度<LI>