css - 更改<a>链接的下划线颜色

我想知道是否有任何技巧可以解决这个问题。

我的链接如下文本，并且想要更改下划线颜色。

此链接包含很多行，需要更改下划线颜色以使其比现有的浅

使用边界底部不是解决此问题的方法，因为有多行。

有什么办法解决这个问题吗？

编辑

@Paolo Bergantino:它可以与IE8一起使用，是否可以用IE6,7进行黑客入侵？

最佳答案

如果您的意思是下划线颜色与文本不同，那么我唯一想到的就是在链接周围添加一个跨距:

<span class='underline'>
    <a href="#">this just<br>a test<br>of underline color</a>
</span>

然后是CSS:

span.underline {
    color: red;
    text-decoration: underline;
}
span.underline a {
    color: blue;
    text-decoration: none;
}

还有you get what you want。

编辑:

对此进行进一步测试，它不适用于IE。但是，如果添加border-bottom，则令人惊讶的是，它在所有浏览器中都能正常工作，但IE不会在最后一个浏览器下放置边框。我将尝试更深入地研究是否有跨浏览器的方式来执行此操作...