Chrome无法识别SELECT选项的高度（jQuery& CSS） [英] Chrome does not recognize height for SELECT option (Both jQuery & CSS)

问题描述

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

CSS

 ＃select-jqry option {
 height：50px; 
} 
  

HTML

 < select id ='select-jqry'> 
< option>一个< / option> 
< option>两个< / option> 
< option>三个< / option> 
< option>四个< / option> 
< / select> 
  

即使我尝试过jQuery，

  $（'＃select-jqry option'）。css（'height'，'50px'）; 
  

编辑： / p>

DEMO

解决方案

这在Chrome中是不可能的，根据 electric toolbox

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

解决方案

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

这篇关于Chrome无法识别SELECT选项的高度（jQuery& CSS）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！