如何在选择标签中创建分隔符?
New Window
New Tab
-----------
Save Page
------------
Exit
如何在选择标签中创建分隔符?
New Window
New Tab
-----------
Save Page
------------
Exit
当前回答
这将解决你的问题:
<选择> < optgroup > <选项>新窗口> < /选项 <选项>新选项卡> < /选项 < / optgroup > < optgroup标签 ="_________"> <选项>保存页面> < /选项 < / optgroup > < optgroup标签 ="_________"> <选项> < /退出选项> < / optgroup > < /选择>
其他回答
这将解决你的问题:
<选择> < optgroup > <选项>新窗口> < /选项 <选项>新选项卡> < /选项 < / optgroup > < optgroup标签 ="_________"> <选项>保存页面> < /选项 < / optgroup > < optgroup标签 ="_________"> <选项> < /退出选项> < / optgroup > < /选择>
这个总是最好的。
<option>First</option>
<option disabled>_________</option>
<option>Second</option>
<option>Third</option>
以Jasneet的回答为基础
将禁用选项的背景设置为灰色(Jasneet) 在上面和下面添加禁用选项以填充分隔符
基本上,使用三个禁用选项来创建一个自然样式的分隔符。我选择了一条非常细的灰色线0.1px,垫高0.25em,因为我认为这样的组合看起来最自然:
<select>
<option :value="item1">Item 1</option>
<option disabled style="font-size: 0.25em;"></option>
<option disabled style="background: #c9c9c9; font-size: 0.1px;"></option>
<option disabled style="font-size: 0.25em;"></option>
<option :value="item2">Item 2</option>
</select>
你可以用em破折号" - "。每个字符之间没有可见的空格。(某些字体!) 在HTML中:
<option value="—————————————" disabled>—————————————</option>
或者在XHTML中:
<option value="—————————————" disabled="disabled">—————————————</option>
我选择有条件地交替颜色和背景。设置排序顺序,使用vue.js,我做了这样的事情:
<style>
.altgroup_1 {background:gray; color:white;}
.altgroup_2{background:white; color:black;}
</style>
<option :class = {
'altgroup_1': (country.sort_order > 25),
'altgroup_2': (country.sort_order > 50 }"
value="{{ country.iso_short }}">
{{ country.short_name }}
</option