Safari change select height

Question

I can\'t change select height, with all browser working fine, but Safari no, where can be problem? Also I try make class .style select, bu

Answer 1

To style a select in Safari, you first have to turn off the os styling:

-webkit-appearance: none;

Answer 2

You can also use

line-height: 25px

which doesn't affect other browsers, but fixes this bug in Safari

Answer 3

The best way use modernizer detector and give safari class select menu a

line-height: 20px;

or you can use jquery UI select menu to solve this by another cross-browser wy.

Answer 4

Try adding this:

-webkit-appearance: menulist-button;