在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>

看到小提琴...

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>