HTML＆＃39;选择＆＃39;无法使用CSS的高度调整元素大小

Question

我想知道为什么CSS＆＃39;高度不能调整大小选择＆＃39; HTML中的元素。

<select>
    <option>One</option>
    <option>Two</option>
</select>

和CSS：

select {
    height: 40px;
}

提前致谢！

Answer 1

你应该使用行高。小提琴下面显示的是相同的。

http://jsfiddle.net/pckh7spw/

select {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    width: 200px;
}

Answer 2

如果任何css重写此类，则使用以下类

select {
    height: 40px !important;
    line-height: 40px;
    border: 1px solid #ccc;
    width: 200px;
}

Answer 3

http://jsfiddle.net/qd2mvgk8/

<select>
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
    <option>Four</option>
    <option>Five</option>  
</select>

select {
    height: 50px;
    border:1px solid #acacac;
    width:250px;
    line-height: 50px;
    color:#df781b;
    font-size:15px;
}

尝试这个，我确实添加了一些样式，以便它可以帮助你。