在助推段选择选项上加下划线

Question

处理Angular项目，使用select编辑对象的CSS类。所有这些都很好，但我想在选择输入显示中使用CSS类。

这是我的密码。我使用css类来定义属性。

.boldunderline {
font-weight: bold;
text-decoration: underline;
}

<select class="form-select form-select-sm" aria-label=".form-select-sm" [(ngModel)]="miseenpage.titredecoration" id="titredecoration" name="titredecoration">
<option value="0">Par défaut</option>
<option value="underline" class="underline" mat-input-element>Souligné</option>
<option value="italic" class="italic">Italique</option>
<option value="bold" class="bold">Gras</option>
<option value="bolditalic" class="bolditalic">Gras et italique</option>
<option value="underlineitalic" class="underlineitalic">Souligné et italique</option>
<option value="boldunderline" class="boldunderline">Gras et souligné</option>
<option value="boldunderlineitalic" class="boldunderlineitalic" >Gras, italique et souligné</option>
</select>

它适用于粗体和斜体，但不适用于下划线。有没有办法做到这一点？

Answer 1

https://stackoverflow.com/a/7208814/6845316：请检查一下。现在我们只能通过两种方法来实现这一点，一种是使用本链接中提到的插件，另一种是粘贴选项标签中的选项文本，如：<option>t̲e̲s̲t̲ </option>。所以无论你们要粘贴什么，它都会在网络上显示出来。

对于插件方法：https://stackoverflow.com/a/33260048/6845316

两者都是变通方法，通常用于高级项目不推荐

注：不建议用于重大项目