如何删除optgroup标签

Question

我想去掉optgroup的标签。看起来文本装饰样式属性对optgroup标签外观没有任何影响。样本代码：

<select>
<option value="">-- Select fruit-- </option>
<optgroup label="Fruit" style="color: red; font-size: 16px; text-decoration: line-through;">
<option value="apple">Apple</option>
<option value="peach">Peach</option>
</optgroup>
</select>

颜色和字体大小的变化起作用，但文字装饰却不行。有什么想法我可以实现这样的文本风格吗？非常感谢

Answer 1

请参阅下面的CSS选择器及其样式：

optgroup[label="Fruit"] {
color: red;
text-decoration: line-through;
}

<select size="4">
<option value="">-- Select fruit --</option>
<optgroup label="Fruit">
<option value="apple">Apple</option>
<option value="peach">Peach</option>
</optgroup>
</select>