我试图只使用CSS在输入字段中的部分文本下划线.
我可以将text-decoration: underline添加到select元素中，在整个option下面加下划线，如下所示:
.underline {
text-decoration: underline;
}
<select name="id" id="products" class="underline">
<option value="val1">my value 1</option>
<option value="val2">my value 2</option>
<option value="val3">my value 3</option>
</select>
我try 在我感兴趣的option元素文本的innerText上包装一个span标记，并向span元素添加相同的类..
<select name="id" id="products">
<option value="val1">my <span class="underline">value 1</span></option>
<option value="val2">my <span class="underline">value 2</span></option>
<option value="val3">my <span class="underline">value 3</span></option>
</select>
但这并没有达到预期效果，因为你似乎无法设计option个元素.
有没有一种不用Javascript就能实现的方法？