在CSS中使用红色的文本下划线

Question

我想写一个字体颜色为红色的下划线。

我试过这个

 <u> <li style="COLOR:red"><a href="/jobs.aspx/"> Internal Job Openings </a></li></u>

但内容正在隐藏。如何解决这个问题？

Answer 1

您还需要覆盖a的默认样式：

<ul>
    <li style="color:red"><a style="color:red" href="#">foo</a></li>
</ul>

请参阅fiddle....

Answer 2

首先，您的HTML无效。您无法将<li>括在<u>标记内。并删除不推荐使用的<u>标记。使用CSS的color和text-decoration规则来获得结果。

将其改为：

<li style="COLOR:red; text-decoration: underline;">
    <a href="/jobs.aspx/"> Internal Job Openings </a>
</li>

如果您只需要链接，请将样式提供给链接。

<li style="COLOR:red;">
    <a style="text-decoration: underline;" href="/jobs.aspx/"> Internal Job Openings </a>
</li>