css - 您可以更新 ::selection 彩色文本中链接的颜色吗？

Question

CSS3 提供了新的::selection过滤器，它可以让你改变高亮文本的颜色。

::selection {
    color: #34495E;
}

但是，有时选择颜色与默认链接颜色形成鲜明对比。我想更改突出显示文本的链接颜色。我试过这个：

::selection a {
    color: #222;
}

但是，这对链接颜色没有影响（至少在 Chrome 中）

是否可以更改所选文本的链接颜色？

Answer 1

是的，可以在选择时更改单个元素的颜色。正确的语法是，例如：

// Applied to the entire document
::selection,
::-moz-selection {
    background-color: yellow;
    color: red;
}

// Applied only to <a> elements
a::selection,
a::-moz-selection
    background-color: green;
    color: white;
}

请记住在您的 Mozilla 的 CSS 中包含供应商特定的前缀。