CodeSky 代码之空

随手记录自己的学习过程

CSS selection伪元素

2015-02-24 15:53分类: CSS评论: 0

在一个网站上看到选中文字时的效果和平时的表现有些不同,顿时就习惯性的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)