如何在字段选择中为所选选项加下划线

Question

请原谅我的基本问题。我是初学者。

如何使select字段中的选定值带下划线，但对应列表中的其他项目（options）不带下划线？

不幸的是，当我使用属性style="text-decoration: none" 标记select，并将style="text-decoration: lined-through" 属性标记为选定的option 时，结果select 字段中的选定值没有下划线。

另一方面，当我使用属性style="text-decoration: lined-through" 标记select all 对应的options 也会变成下划线（尽管有style="text-decoration:none"）。

Answer 1

您正在寻找的是“:checked”。

select option:checked { 
   text-decoration: lined-through; /*or underline if you want*/
}