php中selection选择固定,selection选择器怎么用?selection选择器用法详解

本篇文章给大家带来的内容是关于selection选择器怎么用?selection选择器用法详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

默认情况下,浏览器中用鼠标选择的网页文本都是“深蓝的背景,白色的字体”显示的。但是有些时候我们并不想要“深蓝的背景,白色的字体”这种显示效果。

42cb2d7d0b18ca646e66d52aa3dbbcc7.png

::selection选择器

浏览器选取文本时默认样式

在CSS3中,我们可以使用“::selection选择器”来改变被选择的网页文本的显示效果。

注意,“::selection选择器”是双冒号。其实双冒号往往都是“伪元素”,而单冒号往往都是“伪类”。

代码如下:

CSS3 ::selection选择器

div::selection

{

background-color:red;

color:white;

}

p::selection

{

background-color:orange;

color:white;

}

php中文网,让学习成为一种习惯

php中文网,让学习成为一种习惯

效果如下:

1a57f3d908bfc49ac68fb53f6d65bc58.png

d47ffd40aa5278343f4d671a95b143ab.png

以上就是对selection选择器怎么用?selection选择器用法详解的全部介绍,如果您想了解更多有关CSS3教程,请关注PHP中文网。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值