将高度属性分配给选项标签
我需要为我的选择中的选项标签设置更大的高度。
<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;
}
您有什么建议？
I need to set a bigger height for the option tags inside my select.
<select name="forms" id="forms">
<option value="1">Row 1</option>
<option value="1">Row 1</option>
<option value="1">Row 1</option>
</select>
I used the CSS code below for this purpose, but it did not work.
option {
padding-top:5px;
padding-bottom:5px;
}
Also I have tested this one, and again, anything happened.
option {
height:20px;
}
What is your suggestions ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
select的实现通常使用不受 CSS 影响的内置例程。这就是为什么这两种方法在许多浏览器上都失败的原因。在 Firefox 上，它们都可以工作。这似乎适用于人们可能尝试的任何间接方法（行高、字体大小）。The implementation of
selectoften uses built-in routines that are immune to CSS. This is why both methods fail on many browsers. On Firefox, they both work. The same seems to apply to any indirect methods one might try (line-height, font-size).我可以使用选择标签的样式为其设置一定的高度：
I could set a certain height for it using a style for the select tag: