侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

css – 使用body :: selection,我想自定义高亮颜色

2023-03-28 星期二 / 0 评论 / 0 点赞 / 73 阅读 / 1462 字

为什么不能使用body :: selection,当我想要任何可以突出显示为我想要的颜色的东西时,任何东西都包括p img li h1 这里的例子现在我希望一切都突出显示为红色,但我使用body

... . . 为什么不能使用body :: selection,当我想要任何可以突出显示为我想要的颜色的东西时,任何东西都包括p img li h1

这里的例子
现在我希望一切都突出显示为红色,但我使用body :: selection,它永远不会工作

http://jsfiddle.net/kent93/nu6ju/

.

解决方法

. 如果要将选择背景应用于所有元素,请省略类型选择器:

::selection {    background: red;}

就此而言,添加:: – moz-selection以便它也能在Firefox中运行:

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

从来没有决定你为E ::选择设置的任何元素E的样式究竟应该如何传播给E的后代.有一个更深入的讨论in the www-style mailing list.也正因为这个原因,::选择已经被完全删除来自CSS3与CSS3 UI的最新LC版本;见this section,其中说:

.

The ::selection pseudo-element has been dropped since it was dropped from Selectors after testing found interoperability problems and further details to explore/define.

.

我最好的猜测是浏览器(至少是Firefox)不会对后代元素应用相同的规则.因此,如果将伪元素应用于body,则只有正文文本将具有自定义选择背景;嵌套在其中的所有东西都没有选择背景.

. . .. ...

广告 广告

评论区