用于下划线然后字体的不同颜色

Question

有没有办法为文字下划线和文字本身制作不同的颜色？

大多数浏览器似乎text-decoration-color为not available。还有其他方式吗？

Answer 1

使用border-bottom和text-decoration: none。它似乎与带下划线的链接相同。

请看下面的代码段：

a {
  text-decoration: none;
  color: red;
  border-bottom: 1px solid blue;
}

a:hover {
  color: blue;
  border-color: red;
}

<a href="#">This is a underlined link</a>

希望这有帮助！