html选择选项分隔符

Question

如何在选择标签中制作分隔符？

 New Window
New Tab
-----------
Save Page
------------
Exit

原文由 Phillip Senn 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

禁用选项方法似乎看起来最好并且得到最好的支持。我还包含了一个使用 optgroup 的示例。

optgroup（这种方式有点糟糕）：

 <select>
    <optgroup>
        <option>First</option>
    </optgroup>
    <optgroup label="_________">
        <option>Second</option>
        <option>Third</option>
    </optgroup>
</select>

禁用选项（好一点）：

 <select>
    <option>First</option>
    <option disabled>_________</option>
    <option>Second</option>
    <option>Third</option>
</select>

如果你真的想花哨，请使用水平 unicode 框绘图字符。

（最佳选择！）

 <select>
    <option>First</option>
    <option disabled>──────────</option>
    <option>Second</option>
    <option>Third</option>
</select>

http://jsfiddle.net/JFDgH/2/

原文由 Alex K 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

尝试：

 <optgroup label="----------"></optgroup>

原文由 Tina Orooji 发布，翻译遵循 CC BY-SA 2.5 许可协议