css - 使用 "text-decoration-color"不起作用

Question

我想给文字装饰上色。我从 w3schools 得到了一个教程

并尝试了这个

text-decoration: underline;
text-decoration-color: #dddddd;

但它不起作用。这是无效的吗？有没有其他方法可以给下划线着色？

Answer 1

text-decoration-color有 minimal browser support

相反，您可以使用诸如跨度之类的东西来重新着色您的文本:

p {
  color: red;  /* colour of underline */
  text-decoration: underline;
}

span {
  color: black; /* original colour of p */
}

<p><span>underline is red, text is black</span></p>