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

css, google-chrome, html, jquery

Solution

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

Problem

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

Original source