如何保持 <select> 下拉菜单打开以测试 firebug 中 <option> 上的样式？答案

【问题标题】：How to keep <select> dropdown open to test styles on <option> in firebug?如何保持 <select> 下拉菜单打开以测试 firebug 中 <option> 上的样式？
【发布时间】：2011-12-08 11:49:52
【问题描述】：

如何保持 <select> 下拉菜单打开以在 firebug 中测试样式？

我正在尝试设计<option>

<select class="select">
    <option selected>Select</option>
    <option>Blue</option>
    <option >Red</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>Brown</option>
</select>

但每次我需要打开并查看在 firebug 中更改 css 后发生了什么。我知道打开查看结果并不需要太多时间。

但我只是想知道是否有任何技巧可以让下拉菜单保持打开状态

【问题讨论】：

标签： html css firebug

【解决方案1】：

使其多次启用。

<select class="select" multiple="multiple">
    <option selected>Select</option>
    <option>Blue</option>
    <option >Red</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>Brown</option>
</select>

【讨论】：

遗憾的是，这会将选择框更改为具有多项选择的列表，并且不再有下拉菜单。