javascript - Select drop down text-align center in safari? -

select drop down css

display: block; height: 60px; margin-left: 10%; margin-right: 10%; margin-top: 10px; min-height: 60px; text-align: center; 

option text centered in firefox browser,but not in safari, there solution text aligned in center in safari browser?

add padding , remove height. example here update of code have supplied:

display: block; margin-left: 10%; margin-right: 10%; margin-top: 10px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; 

update

unfortunately padding may not work in safari (iphone). in case try using text indent instead of padding. , add text indent of width of drop down menu. please see update of code provided:

display: block; height: 60px; margin-left: 10%; margin-right: 10%; margin-top: 10px; min-height: 60px; width: 220px; /* width of 200px plus 20px text indent */ text-indent: 20px;