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