CSS3 ::选择器在锚标签上无法正常工作

Question

我正在使用这样的CSS3 ::section选择器

::selection{
    color:red;
    background-color:pink;

}
::-moz-selection {
    color:red;
    background-color:pink;

}

因此,当选择某个元素时,它应将其颜色更改为红色,将背景更改为粉红色.

除了Anchor标签之外,它可以按预期工作<a>.

选择锚文本时,它会将样式应用于链接文本,但不会应用于锚文本下方的行.

JSFiddle:http://jsfiddle.net/GcBT2/1/

那么我们怎样才能将样式应用到下划线呢？

PS:浏览器测试:chrome 31和firefox 25.0.1

Answer 1

请注意,每个MDN

在选择器中使用:: selection只能在规则中使用一小部分CSS属性:颜色,背景,背景颜色和文本阴影.请注意,特别是背景图像被忽略,就像任何其他属性一样.

链接器上的行是text-decoration伪选择器不考虑的一部分.你最好的选择可能是使用它删除它

a{
 text-decoration:none;
}

您可能还想注意:

虽然这个伪元素在CSS选择器级别3的草稿中,但它在候选推荐阶段被删除(链接)

:: selection伪元素当前不在标准轨道上的任何CSS模块中.它不应该在生产环境中使用.

更多的信息