CSS selection伪元素
在一个网站上看到选中文字时的效果和平时的表现有些不同,顿时就习惯性的F12了,结果看到selection这个伪元素,去MDN查了一下各种伪元素: https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-elements
钉子菊苣的博客有一篇博文,讲的是关于::before
和::after
的高级用法,感觉相当赞:你所不知的 CSS ::before 和 ::after 伪元素用法
关于selection,可以看https://developer.mozilla.org/en-US/docs/Web/CSS/::selection
FF需要进行特殊处理,也就是-moz-
。
于是可以这样:
1*::selection {
2 color: #000;
3 background: transparent;
4}
5
6*::-moz-selection {
7 color: #000;
8 background: transparent;
9}
10
愉快的玩耍啦~
评论 (0)