你能更新::选择彩色文字中的链接颜色吗?

时间:2013-04-03 10:07:52

标签: css hyperlink

CSS3提供了新的::selection过滤器,可让您更改突出显示文本的颜色。

::selection {
    color: #34495E;
}

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

::selection a {
    color: #222;
}

然而,这对链接颜色没有影响(至少在Chrome中)

是否可以更改所选文字的链接颜色?

1 个答案:

答案 0 :(得分:2)

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

// 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中包含供应商特定的前缀。