Html CSS3::选择选择器在定位标记上工作不正常
我正在使用CSS3Html 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属性可以
::节
选择器,如下所示
::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,但无法使其工作。我可能做错了:@OllyHodgsontext-decoration-color
目前仅在firefox中受支持。检查。除此之外,::selection
不支持规范中所述的此属性。@nkmol我每晚都在Firefox中尝试过:)@nkmol仅在ff和chrome中使用,从ExtPro的答案中可以看出,对于::selection仍然不起作用。text-decoration-color在FF 25中也不起作用。感谢您提供的见解和深入了解Bugzilla:)感谢您的答案,您再次证明了MDN通常比W3C官方规范具有更好的信息。:)