Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS3::选择选择器在定位标记上工作不正常_Html_Css - Fatal编程技术网

Html CSS3::选择选择器在定位标记上工作不正常

Html CSS3::选择选择器在定位标记上工作不正常,html,css,Html,Css,我正在使用CSS3::节选择器,如下所示 ::selection{ color:red; background-color:pink; } ::-moz-selection { color:red; background-color:pink; } 因此,当选择某个元素时,它应该将其颜色更改为红色,将背景更改为粉色 除了锚定标记 那么,我们如何将样式应用于下划线呢 PS:浏览器测试:chrome 31和firefox 25.0.1 只有一小部分CSS属性可以

我正在使用CSS3
::节
选择器,如下所示

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

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

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

除了锚定标记

那么,我们如何将样式应用于下划线呢

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

只有一小部分CSS属性可以在规则中使用 ::选择器中的选择:颜色、背景、背景色和 文本阴影。请注意,特别是忽略背景图像, 和其他财产一样

链接上的行是
文本装饰的一部分
,伪选择器不考虑它。您最好的办法可能是使用

a{
 text-decoration:none;
}
您可能还需要注意:

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

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


bugzilla上有一个与您的问题有关的老问题。正如您在选择中所看到的,实际上是一个额外的匿名元素,这就是为什么周围锚的文本装饰不会改变其颜色,因为选择器仅适用于此“子项”:
单词select is selected

我打算建议使用CSS,但无法使其工作。我可能做错了:@OllyHodgson
text-decoration-color
目前仅在firefox中受支持。检查。除此之外,
::selection
不支持规范中所述的此属性。@nkmol我每晚都在Firefox中尝试过:)@nkmol仅在ff和chrome中使用,从ExtPro的答案中可以看出,对于::selection仍然不起作用。text-decoration-color在FF 25中也不起作用。感谢您提供的见解和深入了解Bugzilla:)感谢您的答案,您再次证明了MDN通常比W3C官方规范具有更好的信息。:)