HTML选择选项分隔符

如何在选择标签中创建分隔符?

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

当前回答

这个总是最好的。

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

其他回答

我把@Laurence Gonsalves的评论变成了一个答案，因为它是唯一一个在语义上起作用的，看起来不像一个黑客。

试着把这个添加到你的样式表中:

optgroup + optgroup { border-top: 1px solid black }

比一堆破折号好看多了。

如果不想使用optgroup元素，可以将破折号放在option元素中，并为其指定disabled属性。它将是可见的，但灰色。

<option disabled>----------</option>

如果只支持webkit，可以使用<hr>来创建真正的分隔符。

http://code.google.com/p/chromium/issues/detail?id=99534

Try:

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

这个总是最好的。

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

推荐文章