css - 如何更改突出显示/选定文本上的文本装饰的颜色

Question

当文本突出显示/选择时，我更改了文本的颜色，但我刚刚注意到文本装饰仍然是黑色。

我在我的 ::selection css 中添加了 text-decoration-color: #fff 但它没有生效，是否需要以其他方式完成？

我的 CSS 是:

::-moz-selection {
  background: rgba($colorRed, .85);
  color: #fff;
  text-decoration-color: #fff;
}

::selection {
  background: rgba($colorRed, .85);
  color: #fff;
  text-decoration-color: #fff;
}

Answer 1

文本装饰仅在已经为元素设置样式时才起作用。

text-decoration, on ::selection 仅适用于已设置相同装饰属性的元素。

p{
text-decoration:underline overline transparent;
}

::selection{
text-decoration: underline overline red;
background:green;
}

<p> SELECTED TEXT WILL DIFFER THAN UNSELECTED BE UNDERLINED</p>

选择的

text-decoration是possible