Chrome doesn't recognize height for SELECT option (both jQuery and CSS)

Question

I cannot set the height for selecting options using css or jQuery in the Chrome browser, while the same code fragment works in Firefox without any problems.

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 filling doesn't work

Demo

Answer 1

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

Answer 2

Setting height for option not a valid CSS behavior. If you really want to personalize your Dropbox, I recommend that you use these libraries: http://bashooka.com/coding/9-useful-jquery-select-box-manipulation-plugins/

Personnaly I use DropKick, and the rendering is compatible with all browsers and is very customizable.