css - 将高度属性分配给选项标签

Question

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

<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;
}

你的建议是什么？

Answer 1

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