为什么文本装饰被认为是前景的一部分

Question

<span>Teaching kids to reach their creative and intellectual potentials through Computer Science.</span>

上面是我的HTML，下面是我的CSS：

span { text-decoration: underline; color: red }

如果text-decoration被认为是前景的一部分，那么text-decoration-color属性如何在不更改字体text-decoration的情况下更改color颜色？

Answer 1

使用-webkit-text-decoration-color在Chrome上更改它。但请注意，必须启用实验性Web平台功能才能使其正常工作。所以现在，Chrome只是不支持这个css属性。

Answer 2

您无法使用text-decoration-color个跨浏览器。 见text-decoration-color support browsers。如果你真的需要更改下划线颜色，也许这个链接可以帮助你。 CSS text-decoration underline color

Answer 3

这可以实现，但是，它要求您的文字包含在<span>标记中。

不使用<u>代码，而是使用text-decoration underline作为值。

代码段：

＆＃13;

＆＃13;

p {
  color: red;
  text-decoration: underline;
}
span {
  color: gray;
}

＆＃13;

<p><span>Teaching kids to reach their creative and intellectual potentials through Computer Science.</span>
</p>

＆＃13;

＆＃13;

＆＃13;