CSS3 ::selection{}

最新推荐文章于 2022-07-19 11:38:23 发布
最新推荐文章于 2022-07-19 11:38:23 发布
阅读量312 收藏
点赞数
分类专栏： HTML&CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oscar92420aaa/article/details/51868575
版权

定义和用法

::selection 选择器匹配被用户选取的部分。

只能向 ::selection 选择器应用少量 CSS 属性：color、background、cursor 以及 outline。


::selection {
    background-color: #b3d4fc;
    text-shadow: none;
}

设置选中文字的背景颜色和是否有阴影

闲逛上海滩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS3三：选择器
qq479850581的博客
09-18 256
选择器作用 选择页面上的某一个或者某一个元素 基本选择器 标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器，会选择页面上所有的这个标签元素*/ h1{ color: #a7ff81;
CSS3选择器
打工人 打工魂
09-06 166
选择器 每一条CSS样式声明（定义）由两部分组成： 选择器{ 样式; } body{ font-size:12px; color:red; } 选择器指明了{}中的样式的作用对象，即样式作用于网页中的哪些元素。 标签选择器 即html代码中的标签。 如：为h1标签设置样式。 h1{ font-weight:normal; color:red; } 类选择器 最常用的选择器。 语法： .类选器名称{css样式代码;} <!D
CSS3选择器 ::selection选择器
zag666的博客
08-18 520
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的。 有的时候设计要求,不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。 注意： 1、IE9+、Opera、Google Chrome 以...
CSS的::selection使用方法
u011927449的博客
07-06 1233
请选择本页面文本看看:http://hovertree.com/h/bjaf/38hq6y9d.htmCSS改变默认文本选中的颜色的方法 一般情况下在网页里的文本我们用鼠标选中的时候都是蓝色的，这个默认颜色也是可以更改的，本文我们学习如何使用CSS3实现改变默认文本选中的颜色。以我的系统举例（xp 默认主题），浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差异，但大致相同，文字颜色也近乎白色。一、关于浏览器文字选中颜色：在CSS3的爸爸 妈妈还没有相亲认识的时候，要改变页面上文字选中
CSS ::Selection的使用方法
weixin_30919429的博客
12-09 214
大家都知道浏览器对选中的文本默认样式都是统一的，Windows下是一个深蓝色的背景，白字的前景，而在Mac下是一个淡蓝色背景，白色字体，就如上图所展示的一样，自从有了这个“::selection”选择器后，我们在部分浏览器中可以设置你所需要的样式，下面就让我来告诉大家如何使用这个“::selection”来改变在浏览器中选中文本后的背景色与前景色。 ::selection使用语法： /*...
css的“::selection”选择器
weixin_30794491的博客
12-07 100
欢迎大家访问我自己架的博客站点码厩技术博客！ 在CodeIgniter框架基本案例中看到了一个新型的选择器，以前没有关注到，就是两个冒号加selection。 ::selection{ background-color: #E13300; color: white; } ::moz-selection{ background-color: #E13300; color: white; } :...
使用CSS3的::selection改变选中文本颜色的方法
09-24
主要介绍了使用CSS3的::selection改变选中文本颜色的方法,也就是说可以将默认的蓝色底色改为其他颜色,really cool,需要的朋友可以参考下
csstips:CSS 技巧
06-13
CSS 技巧您好，我正在编译我使用过并有经验的 css 技巧。 我认为手头有它会很好，尽管它不是非常极端的信息。速记它使我们免于进行不必要的定义，并允许我们在一行中完成... 我们可以用::selection改变这一点。 :: s
seat_selection_css3:体育场选座系统模块（css3实现）
03-11
=================================== seat_selection_css3 这是一个用css3实现体育场选座系统，其效用与闪相匹配美，但流量小得多，加载速度也快一点。 程序原理 利用css3的布局各种形状的功能画出体育场选区模型，...
CSS轮廓outline的具体使用
09-24
轮廓是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用，这篇文章主要介绍了CSS轮廓outline的具体使用的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
CSS selector:div.title p代表的是什么意思(通俗易懂)
09-25
有很多的新手朋友们可能都不知道CSS selector:div.title p代表的是什么意思， 其实就是满足三个条件的元素会被css渲染，不会的朋友可以参考下
::selection选择器
MrByte
01-20 501
::selection{ background:red; } ::-moz-selection{ background:red; }选择被用户选取的元素部分
【css】selection选择符
简简单单兔呦
12-02 207
::selection选择器用来匹配元素被用户选中的部分，常用于改变文本的默认的选择中样式. codepan在线示例 了解更多
CSS ::Selection
weixin_30511107的博客
04-25 142
选择文本，背景是红色，而文本是白色的问题，如下图所示： 或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝的背景，白色的字体,就如下本站的而言，选择文本后，背景是深蓝色，而选中的文本就是白色，如下图所示： 后来带着这样的问题，我也是到处寻找解决的方法，几经高人指点，说是CSS的“::selection”实现的，这样一来在...
CSS ::selection 选择器
lengqingIT的博客
03-30 297
HTML 用法 <body> <h1>::selection选择器匹配元素中被用户选中或处于高亮状态的部分</h1> <p>实例：将选定的文本红色</p> <div>这是div元素中的一些文本.</div> <a href="http://www.semi-warm.com/" target="_bl...
html中的选择器事例,CSS中Selection 伪类选择器示例
weixin_39555415的博客
06-03 253
css中::selection可以重点显示页面中要显示的内容了，如可以通过color ， background-color ，background来进行设置下文来给各位介绍一个例子。::selection 伪类选择器用于突出显示的页面用户选择的任何部分，包括可编辑文本字段中的文本。此伪元素可应用于 color ， background-color ，background(background-co...
::selection{}
weixin_30745553的博客
03-03 166
::selectiion{}这是一个伪类选择器，这个是当我们在选择网页上某些文字时（通常是为了复制文字），文字的背景颜色和文字颜色都会发生变化（一般为背景变成蓝色，文字变成白色），这样的写法在IE9及以上，chrome，opera，Safari中有用，在火狐中没有用，所以要加上前缀-moz-,写法为::-moz-selection{};还有值得注意的是这里必须为双冒号，单冒号不起作用（跟其他伪类不...
css3新增选择器（ ::selection选择器、 ::before选择器、::after选择器）
m0_71814235的博客
07-19 1410
css3新增选择器（ ::selection选择器、 ::before选择器、::after选择器）
css selection
最新发布
10-11
好的，您的问题是 "css selection"。 CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。常见的选择器包括标签选择器、类选择器、ID选择器、属性选择器等等。通过使用不同的选择器，可以精确地选中需要样式化...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值