HTML 'select' 元素无法使用 CSS 的高度调整大小

Question

我想知道为什么 CSS 的高度无法调整 HTML 中“select”元素的大小。

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

和CSS:

select {
    height: 40px;
}

提前致谢!

Answer 1

您应该使用 line-height 。下面的 fiddle 向您展示了相同的内容。

http://jsfiddle.net/pckh7spw/

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