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 上，它们都可以工作。这同样适用于人们可能尝试的任何间接方法(行高、字体大小)。