HTML选择选项分隔符

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

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

当前回答

 <option  data-divider="true" disabled>______________</option>

你也可以做这个。这是很容易的，使分割线选择下拉列表。

其他回答

我使用扩展字符集中的水平条符号代替常规的连字符，如果用户在替换该字符的另一个国家，那么它看起来不太好，但对我来说很好。有一个不同的字符范围，你可以使用一些伟大的效果，没有css涉及。

<option value='-' disabled>――――</option>

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

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

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

比一堆破折号好看多了。

定义一个CSS类:

option.separator {
    margin-top:8px;
    border-top:1px solid #666;
    padding:0;
}

用HTML编写:

<select ...>
    <option disabled class="separator"></option>
</select>

 <option  data-divider="true" disabled>______________</option>

你也可以做这个。这是很容易的，使分割线选择下拉列表。

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

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

推荐文章