Quick HTML/CSS tip: cannot set the height on your select dropdown elements?

Right, so I spent several hours yesterday trying to figure out why I couldn’t adjust the height on my HTML form select elements. I was utterly bamboozled after stripping out all inherited CSS and playing around with the web inspector. The problem?

You can’t adjust the height of a select element if it has no border.

There’s probably a very good reason for this but my gripe is that it’s not visibly apparent that the select dropdown is borderless in the first place.

Anyway, hopefully this will save someone a little time further down the road.

 

1 Comment Quick HTML/CSS tip: cannot set the height on your select dropdown elements?

Leave a Reply

Your email address will not be published. Required fields are marked *