将高度属性分配给选项标签答案

【问题标题】：Assign height property to option tag将高度属性分配给选项标签
【发布时间】：2011-12-16 12:24:24
【问题描述】：

我需要为我的选择中的选项标签设置更大的高度。

<select name="forms" id="forms">
    <option value="1">Row 1</option>
    <option value="1">Row 1</option>
    <option value="1">Row 1</option>
</select>

我为此目的使用了下面的 CSS 代码，但它不起作用。

option {
   padding-top:5px;
   padding-bottom:5px;
}

我也测试了这个，又一次，发生了什么事。

option {
    height:20px;
}

你有什么建议？

【问题讨论】：

Graphicdivine 到底是什么意思？我应该考虑什么？

标签： css tags height option

【解决方案1】：

select 的实现通常使用不受 CSS 影响的内置例程。这就是为什么这两种方法在许多浏览器上都失败的原因。在 Firefox 上，它们都可以工作。这似乎适用于人们可能尝试的任何间接方法（行高、字体大小）。

【讨论】：

【解决方案2】：

我可以使用选择标签的样式为其设置一定的高度：

<select name="" style="height:25px">

【讨论】：