css – 更改链接下划线颜色

前端之家收集整理的这篇文章主要介绍了css – 更改链接下划线颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道有没有办法解决这个问题。

我有我的链接如下文字,并希望改变下划线的颜色。

链接包含许多行,需要将下划线颜色更改为比现有颜色更轻

使用边框底部不是解决这个问题的方法,因为多行。

有没有办法解决这个问题?

编辑

@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上。但是,如果您添加了边框底部,则令人惊讶的是在所有浏览器中都能正常工作,但IE不会在最后一个窗口中放置边框。我会尝试深入挖掘一下是否有跨浏览器的方法来做到这一点

原文链接:https://www.f2er.com/css/219985.html

猜你在找的CSS相关文章