Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome does not recognize height for SELECT option (Both jQuery & CSS)

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

like image 380
Dimag Kharab Avatar asked Apr 02 '14 09:04

Dimag Kharab


1 Answers

This is not possible in Chrome, according to the electric toolbox

like image 192
Abhinav Avatar answered Nov 10 '22 14:11

Abhinav