HTML 'select' element cannot be resized using CSS's height

Question

I wonder why CSS' height can't resize a 'select' element in HTML.

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

and CSS:

select {
    height: 40px;
}

Thanks in advance!

Answer 1

You should use line-height along with. Below fiddle shows you the same.

http://jsfiddle.net/pckh7spw/

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