Como posso controlar a altura de um elemento Option no Webkit?
Parece realmente simples, mas não consigo nem encontrar algo me dizendo que não épossível, muito menos como fazê-lo.
Eu tenho uma página que usa múltiplos / expandidosselect
s, e não consigo controlar a altura das opções. Eles parecem muito confortáveis. No Firefox, os valores CSS paraoption
noheight
eline-height
ambos parecem ter o efeito desejado, assim comopadding
, mas não no Chrome 8 ou Safari 5. Estou perdendo alguma coisa? Aqui está uma amostra do meu código. Eu coloquei tudo o que poderia afetar a opção, caso haja algum valor superior que eu esteja perdendo.
body, input, select, checkbox {
font-family:'Avenir Lt Std',AppleGothic,'century gothic',Verdana,sans-serif;
font-size: 15px;
font-weight:200;
line-height: 18px;
}
input, select {
color:#4c2a18;
border: 1px solid #cfc8b4;
background-color:#ffffff;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin:0;
}
option {
height: 35px;
padding:5px;
line-height: 35px;
}
<select size="5">
<option value="">This is option 1</option>
<option value="">Option 2</option>
<option value="">Just trying to show how the line height thing works.</option>
</select>
Você pode vê-lo em açãoaqui.