::selection 选择器

在默认情况下,选择网站文本都是深蓝的背景,白色的字体的,如下图:现在请你选择一下本网站的文字看看,是不是发现是这样的:变成了透明背景蓝色字体了。 如何实现的呢?其实并不难,只是用了::selection伪类选择器,代码如下:

::selection { background: #ffffff;color:#2396f0; }

::-moz-selection { background: #ffffff;color:#2396f0; }

::-webkit-selection { background: #ffffff;color:#2396f0; }

注意:::selection只支持background和color两个属性,如果你设置其他属性是没有效果的。详情查看个人博客:https://zhirongyuan.github.io/blog/2016/12/24/Blog-entry-one.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,199评论 0 11
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,688评论 0 8
  • (1). 阴影模糊半径与阴影扩展半径的区别:阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不...
    Leisure_blogs阅读 1,533评论 0 6
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,657评论 0 7
  • 2017年7月14日 晴 我的声音和夜晚的风 一起一落交错耳孔 哪个让夏夜变的生动 哪个藏了我羞涩的爱情 就是因为...
    鲜栗子阅读 74评论 0 0