Chrome无法识别SELECT选项的高度(jQuery和CSS)

Dim*_*rab 6 html css jquery google-chrome

我无法在chrome浏览器中使用css或jQuery为select选项设置高度,而同一段代码在Firefox中没有任何问题.

CSS

#select-jqry option{
    height: 50px;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<select id='select-jqry'>
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
    <option>Four</option>
</select>
Run Code Online (Sandbox Code Playgroud)

即使我尝试使用jQuery,

$('#select-jqry option').css('height','50px'); 
Run Code Online (Sandbox Code Playgroud)

编辑: 甚至Padding无法正常工作

DEMO