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

标签 jquery html css google-chrome

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

CSS

#select-jqry option{
    height: 50px;
}

HTML

<select id='select-jqry'>
    <option>One</option>
    <option>Two</option>
    <option>Three</option>
    <option>Four</option>
</select>

我什至尝试过使用 jQuery,

$('#select-jqry option').css('height','50px'); 

编辑: 即使填充也不起作用

DEMO

最佳答案

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

关于jquery - Chrome 无法识别 SELECT 选项的高度(jQuery 和 CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22807757/

相关文章:

jquery - 在 jQuery 中切换元素样式的最佳、最快的方法是什么?

jQuery 对话框覆盖在不同 div 不透明度下改变位置

html - 使用 css 网格创建马赛克样式网格

html - 如何增加按钮的可点击区域?

html - 将外部 CSS 文件添加到博客模板

未找到 JavaScript 函数

javascript - 动态向 JavaScript 对象添加新元素

javascript - 使用 Jquery 停止 css 动画。这样做的正确方法是什么?

html - 90 年代初是如何解释 HTML 表单的?

css - 如何在调整浏览器大小时强制 "container-fluid"最大化高度或拉伸(stretch)