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

Question

我想为文字装饰上色.我从w3schools获得了一个教程

并试过这个

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

但它没有用.这不是有效的吗？还有其他方法可以为下划线着色吗？

Answer 1

text-decoration-color有最小的浏览器支持

相反,您可以使用类似跨度的内容来重新着色文本:

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>