改变页面选择文字颜色和背景颜色----selection伪元素

最新推荐文章于 2022-10-26 20:19:50 发布
最新推荐文章于 2022-10-26 20:19:50 发布
阅读量234 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/kingplus/p/5581420.html
本文介绍如何使用 CSS 设置文本被选中时的颜色和背景，包括颜色、背景色及文本阴影等样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

div::selection{color:#fff;background: #E83E84;text-shadow:none}

 

 

 

转载于:https://www.cnblogs.com/kingplus/p/5581420.html

你狗
关注
使用::selection改变文字被选中后的颜色
读心悦
09-29 483
伪元素允许你改变选中文本的颜色，但并非所有浏览器都支持改变文字颜色（尤其是早期的浏览器版本）。（Firefox 特有的伪元素）的样式改变仅适用于用户实际选中的文本区域，并且这些改变是临时的，一旦用户取消选择，文本将恢复到其原始样式。你可以使用它来改变文字被选中后的背景色、文字颜色等。然而，需要注意的是，在这个例子中，当用户选中页面上的文本时，被选中的文本区域将会有一个橙色的背景色和白色的文字颜色。），并且这些改变仅适用于用户实际选中的文本区域。来改变选中文本的颜色和背景色。伪元素主要支持改变背景色（
CSS改变选择网页文字背景色
12-11
`::selection` 是一个伪元素选择器，用于设置页面中被用户选取的文本的样式。这包括高亮的背景色和文字颜色。通过修改这个选择器的属性，我们可以定制选取文本时的视觉效果。 在给出的例子中，我们看到这样一段CSS...
使用CSS3改变文本选中的默认颜色
Just Code
03-28 253
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1147   关于浏览器文字选中颜色 以我的系统举例（xp 默认主题），浏览器上页面文字选中后默认的背景色是一种蓝色， 不同浏览器的颜色有些许差异，但大致相同，文字颜色也近乎白色，如下图所示，截自Firefox3...
css-通过伪元素实现标签背景色
weixin_42215495的博客
10-26 577
css伪元素显示特殊背景色。
css ::selection 的妙用
dicha7140的博客
09-03 188
1、选中页面文字和元素时的背景颜色 ::selection { background: #25b864; color: #fff; } 2、不能选择页面内容（但可以拖拽内容进行复制。挺好玩的） ::selection { background: inherit; color: inherit; } ...
css3 伪元素::selection选择改变背景色
周家大小姐
03-07 894
h1::selection{ background: #f0f; }
CSS3选择器 ::selection选择器
weixin_30768661的博客
08-14 158
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，效果如下图所示： 从上图中可以看出，用鼠标选中“专注IT、互联网技术”、“纯干货、学以致用”、“没错、这是免费的”这三行文本中，默认显示样式为：蓝色背景、白色文本。 有的时候设计要求,不使用上图那种浏览器默认的突出文本效果，需要一个与...
使用CSS3的::selection改变选中文本颜色的方法
09-24
::selection伪元素允许开发者指定当用户选中页面文本时应如何显示文字颜色和背景颜色。开发者只需要通过简单的CSS规则就可以实现这一效果。即使是在不支持::selection的浏览器中，这些规则也会被忽略，不会对页面的...
CSS设置选中网页文字时的背景和颜色
12-06
CSS的::selection伪类就扮演着这一角色，它允许我们指定用户选中文字时的背景颜色和文字颜色。 IE9+、Opera、Google Chrome、Safari等主流浏览器都原生支持::selection伪类。而对于Firefox，虽然不是所有版本都支持...
CSS 鼠标选中文字后改变背景色的实现代码
09-25
具体来说，在CSS中，我们可以使用`::-moz-selection`这个伪元素选择器来改变在Mozilla Firefox浏览器中文本选中时的背景色和文字颜色。例如，`*::-moz-selection`可以用来为所有元素设置默认的选中样式，其中`color`...
CSS伪类/伪元素选择器整理
12-13
一、超链接        a：link{ color:red;}        a：visited{ color:blue;}        a：hover{ color:black;}        a：active{ color:#6600CC;}        注意：设置的顺序不能变，遵循爱恨（love/hate）原则。 ——此原则自己在网上看别人说的，便于记忆就写在这了 二、更多伪类        ：root   —————————— 文档的根        ：nth-child(n)  ——————— 作为其父元素的第n个孩子的一个元素                     ：n
::selection{}
weixin_30745553的博客
03-03 198
::selectiion{}这是一个伪类选择器，这个是当我们在选择网页上某些文字时（通常是为了复制文字），文字的背景颜色和文字颜色都会发生变化（一般为背景变成蓝色，文字变成白色），这样的写法在IE9及以上，chrome，opera，Safari中有用，在火狐中没有用，所以要加上前缀-moz-,写法为::-moz-selection{};还有值得注意的是这里必须为双冒号，单冒号不起作用（跟其他伪类不...
css3的::selection属性
weixin_30357231的博客
03-27 161
大家都知道浏览器对选中的文本默认样式都是统一的，Windows下是一个深蓝色的背景，白字的前景，而在Mac下是一个淡蓝色背景，白色字体，就如上图所展示的一样，自从有了这个“::selection”选择器后，我们在部分浏览器中可以设置你所需要的样式，下面就让我来告诉大家如何使用这个“::selection”来改变在浏览器中选中文本后的背景色与前景色。 ::selection使用语法： /*...
CSS3 ::selection 选择器
man_tutu的博客
02-10 3096
在不同的系统下的所有浏览器选中内容的背景色都是统一的，比如说windows系统下，所有的浏览器中显示的背景色是蓝色的。而使用::selection 选择器则可以在部分支持的浏览器中改变选中的样式。
python的高级用法（一）
weixin_40301728的博客
12-04 373
python的一些高级用法系列文章
CSS伪元素选择器——每日一讲
qq_53935542的博客
07-22 456
CSS伪元素用于设置元素指定部分的样式，添加一些选择器的特殊效果。设置元素的首字母、首行的样式在元素的内容之前或之后插入内容。
CSS中的伪类和伪元素（详细）
热门推荐
林家小美女的博客
01-21 2万+
这篇想要跟大家分享的是css中的伪类和伪元素，有任何问题可以私聊我或者评论哦！ 首先，我们先来想一下，为什么要引入伪类跟伪元素？ css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或是列表中的第一个元素，又或者是鼠标悬停在某个超链接上时要设置的样式。 什么是伪类，伪元素？ 伪类：用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的元素时，我们可以通过:h
CSS3选择器selection--改变选中文字的颜色
AsaZyf的博客
10-29 1247
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> p::selection{ background: blue; color: red; }
el-input 选中颜色
最新发布
12-28
/* 定义全局选中样式的背景色和前景色(即文字颜色) */ ::selection { background-color: #FFA07A; color: white; } /* 针对 WebKit 浏览器如 Chrome 和 Safari 的特别处理 */ ::-webkit-selection { background-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值