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;
Comments
Post a Comment