Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Safari change select height

Tags:

css

safari

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, but not working.

select {
width: 170px; 
height: 25px;
}
like image 675
Wizard Avatar asked Nov 06 '12 14:11

Wizard


3 Answers

Try adding this:

-webkit-appearance: menulist-button;
like image 179
Iwaz Avatar answered Oct 13 '22 10:10

Iwaz


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

-webkit-appearance: none;
like image 38
Marjan Stanojevic Avatar answered Oct 13 '22 11:10

Marjan Stanojevic


You can also use

line-height: 25px

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

like image 27
hobailey Avatar answered Oct 13 '22 12:10

hobailey