我正在尝试在列表中设置链接的样式，因为我有其他样式，我不能使用border-bottom: 1px solid #0da4d3。现在我做了一些研究并找到了text-decoration-color，但这只适用于Firefox，所以它对我不起作用。
我正在寻找一种方法可以改变5种主要浏览器中可用的下划线颜色（我可以不用IE浏览器）。有没有办法可以做到这一点？我也对任何添加的HTML或JavaScript持开放态度。
这是我目前得到的一个小提琴：http://jsfiddle.net/yhqf5z2n/
答案 0 :(得分：1)
如果您愿意添加html标记，可以像下面这样更改链接的颜色：
<强> DEMO
HTML：
<a href="#"><span>Link</span></a>
CSS：
a{
text-decoration:underline;
color:red;
}
a>span{
color:green;
}
答案 1 :(得分：0)
除了使用border-bottom之外别无他法。您可以使用伪元素并为其指定border-bottom，也可以使用box-shadow:inset ...
看看这个小提琴： pseudo elements
答案 2 :(得分：0)
这不完全是我想要的但是在玩box-shadow我发现了一个非常酷的效果（它在WordPress上是动画的），我会坚持下去。
box-shadow: inset 0 -7px 0 0 #0da4d3;