Descenders of characters (bottom of 'g', 'y', 'j', 'p') is chopped off in <select> elements

[ptcane]

Using Chrome:

I've worked around this by adding the following to my custom.css:

select { line-height: inherit; }

Although there may be nicer ways in the source e.g. remove select from the following?

.button, button, input[type=button], input[type=checkbox], input[type=radio], input[type=range], input[type=submit], select { line-height: 1em; cursor: pointer; white-space: nowrap; }

Great project btw, many thanks.

[yvesh]

Agree, would remove the line-height property there completely (from all input types), as it's causing multiple issues (inherit is the default, no reason to explicitly set it).