I am unable to set height for select options with css or jQuery in chrome browser , while the same piece of code works in Firefox without any issue.
CSS
#select-jqry option{
height: 50px;
}
HTML
<select id='select-jqry'>
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
</select>
Even I tried with jQuery,
$('#select-jqry option').css('height','50px');
EDIT : Even Padding not working
DEMO
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…