通过CSS设置网页中选中文字的背景色

掌握CSS:定制选中文本的背景与字体颜色 伪类选择器是CSS中用于定义元素特殊状态的语法。它通过在选择器后面添加冒号和伪类名称来工作。比如,:hover可以让鼠标悬停在元素上时改变其样式。基本的伪类选择器包括:link(未访问链接)、:visited(已访问链接)、:hover(鼠标悬停)、:active(激活状态)等。通过这些伪类,我们可以创建更为动态和互动的网页。链接伪类选择器是CSS中用于定义链接不同状态的样式。它主要包括四种状态::link(未访问链接)、:visited(已访问链接)、 阅读详情
很多网站上面,拖动鼠标选中文字后,选中区域的颜色跟网站主题色彩是一样的,这样可以避免浏览器默认的选中背景色与页面主色调出现不协调。

实现方式是在样式文件中增加如下代码(选中区域蓝色背景,白色字体):

::selection{background:blue; color:white;}
::-moz-selection{background:blue; color:white;}
::-webkit-selection{background:blue; color:white;}


CSS设置选中网页文字时的背景和颜色 CSS设置选中网页文字时的背景和颜色,内容包含默认样式、设置样式,具体可见文档内CSS样式设置。 立即下载

相关推荐

css3高亮图片文字显示效果

图片默认为暗灰色,鼠标悬停后,高亮显示清晰图片、文字。FF下效果最佳,带圆角效果,IE等低版本浏览器下则为方角,其他则相同

关于在写网页时候进行拖拽一些效果的时候字体不变蓝的解决方法

<div onselectstart="return false"> adasdasdasdasdasdasdad</div> 只需要在字体使用的标签上加上这个属性就可以喽 第二种方法在相应盒子的css属性中加上这个 比上面的好用 user-select: none; 转载于:https://www.cnblogs.com/cq1715584...

dengweihuan4949的博客 242

海康威视iSC平台视频流对接:RTSP、HLS、WS三种协议到底该怎么选?

本文深入分析海康威视iSC平台视频流对接中RTSP、HLS和WebSocket三种协议的优缺点,帮助开发者根据实时性、兼容性和网络环境做出最优选择。特别适合综合安防管理平台的Web视频监控系统开发,提升用户体验和系统性能。

weixin_28365523的博客 691

css样式篇

CSS(层叠样式表)是一种用于描述HTML或XML(包括各种XML方言,如SVG、XHTML等)文档呈现的样式表语言。它描述了元素应该如何在屏幕、纸质、语音或其他媒体上渲染。/* 选择器 */body {/* 背景颜色 */h1 {/* 文字颜色 *//* 文字居中 */p {/* 字体 *//* 字体大小 */body:这个规则将页面的背景颜色设置为浅蓝色。h1:这个规则将一级标题的颜色设置为白色,并将文本居中对齐。p。

kuaileAmiao1的博客 901

Nginx源码安装和基础配置

Nginx简介 nginx: 世界第二大web服务器软件,以高并发、低消耗著称,源自于俄罗斯,创建者 Igor(伊戈尔),2004年开源,最早以代理服务器的身份出现,2015成立nginx公司,2019年以6.7亿被F5 Networks公司收购。 代理服务器: 正向:squid 反向: squid:最古老的代理服务器 LVS: 优点: 1.抗负载能力强、是工作在网络4层之上仅作分发之用 2.配置性比较低,这是一个缺点也是一个优点,简单不易出错 3.工作稳定,抗负载能力很强,有完整的双机热备方案

hjyhjy0的博客 500

HT7533与1117稳压芯片动态特性对比:实测分析与优化策略

本文深入对比了HT7533与1117稳压芯片的动态特性,包括电压过冲和瞬态响应能力,并提供了实测数据与优化策略。HT7533适合低功耗设备,而1117在大电流和稳定性要求高的场景表现更优。文章还分享了PCB布局和电容选择的实用建议,帮助工程师根据项目需求选择合适的稳压芯片。

weixin_28454475的博客 610

css页面点击文字出现蓝色背景去掉方法

-ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;  -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ 在指定的区域加上这些属性就行了 加上以后该文...

giao序员 1580

ASPICE标准快速掌握「1.1. 简介」

ASPICE是汽车软件过程改进能力模型(Automotive SPICE,Automotive - Software Process Improvement and Capability dEtermination)的缩写,是一种针对汽车软件开发过程的国际标准。该标准旨在帮助汽车制造商和供应商改进其软件开发过程,以确保其软件产品的质量和安全性。需要做什么为什么要做技术上的依赖性是什么。

雪云飞星的博客 2292

css 关于元素选中时会显示蓝色背景

/*可以解决选中时蓝色背景*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; --DIV不会被内部撑大可以设置 :box-...

1218

Chamfer Loss

ChamferLoss是一种常用于3D点云(pointcloud)处理的损失函数,特别是在点云生成和对齐任务中。它的目的是度量两个点集之间的相似度,特别是在点云重建、配准或生成等任务中,常用于优化模型使得生成的点云更接近真实的点云。

夜空中明亮的星的专栏 455

2026年软考高级网络规划设计师备考指南

在国家网络安全法律法规和政策的指导下,能够依据网络技术发展的趋势进行计算机网络领域的需求分析、规划设计、部署实施、评测、运行维护等工作。 在需求分析阶段,写出网络系统需求规格说明书;在规划设计阶段,完成逻辑结构设计、物理结构设计,选用适宜的网络设备,按照标准规范编写系统设计文档及项目开发计划;在部署实施阶段,组织项目施工,对项目实施过程进行质量控制、进度控制、成本管理,能具体指导项目实施;在评测运维阶段,能根据相关标准和规范对网络进行评估测试,能制定运行维护、故障分析与处理机制,确保网络提供正常服务;

鹿鸣天涯 1万+

CSS 设置网页中选中文字的背景色

在css样式文件中增加如下代码:(建议放在文件最上方) ::selection { background: hsla(5, 92%, 76%, 0.8); color: #fff; }

蹦极的考拉 341

STM32_HAL库—PWM产生指定个数

(一)CubeMX设置: 1. 晶振配置(72M) 2. 引脚配置 3. 中断配置 4. 配置及实现方式 由上推出公式: 机器周期: (72MHz / 36) = 2MHz = 0.5us PWM周期: 0.5 * 100 = 50us = 20kHz 5. 主函数调用PWM函数 HAL_TIM_PWM_Start_IT(&htim3, TIM_CHANNEL_2); //此处一句后可直接进入中断 6. PWM溢出回调函数 void HAL_TIM_PWM_PulseFinished

5525

html 文本文字选中效果,CSS ::selection选中文字后的效果

如何选择文本时,背景是红色,而文本是白色的问题,其实是用CSS样式控制的。效果图如下所示:CSS::selection伪元素,定义用户鼠标已选择内容的样式。下面介绍一下selection对浏览器的兼容情况:CSS E::selection 伪元素浏览器兼容性选择符IE6IE7IE8IE9FFCHOPSAE::selectionnononoyesyesyesyesyes或许大家对这样的实现并不陌生,...

weixin_35250656的博客 1880

halcon第二讲:焊点提取

本文要完成的任务是将下图中焊点提取出来,对应于halcon例程Blob分析中的ball.hdev。 dev_open_window (0, 0, 512, 512, 'black', WindowHandle) read_image (Image, 'die_03.png') disp_continue_message (WindowHandle, 'black', 'true') sto...

qq_24946843的博客 7175

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

css实现鼠标选中文字后改变背景色

css鼠标选中文字后改变背景色

weixin_50260818的博客 1671

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

CSS3 改变文本选中的默认颜色

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33963594的博客 163

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

前端css设置复制字体颜色改变

设置文字复制样式背景和颜色。

qq_46300152的博客 1245

使用CSS3 ::selection伪元素改变文本选中颜色

关于浏览器文字选中颜色 以我的系统举例(xp 默认主题),浏览器上页面文字选中后默认的背景色是一种蓝色, 不同浏览器的颜色有些许差异,但大致相同,文字颜色也近乎白色,如下图所示,截自Firefox3.6浏览器: 在CSS3的爸爸妈妈还没有相亲认识的时候,要改变页面上文字选中后的背景色以及文字颜色,就跟让太监生孩子一样困难。但是,随着CSS3呱呱落地,获得越来越多的浏览器认可,一切又

wanglaf的专栏 1598

修改鼠标选中文本的样式

文字选中的字体颜色和字体背景可以自定义样式: /*Webkit,Opera9.5+,Ie9+*/ ::selection { background: 颜色值; color:颜色值; } /*Mozilla Firefox*/ ::-moz-selection { background: 颜色值; color:颜色值; ...

weixin_30933531的博客 335

CSS3 修改和去除移动端点击事件出现的背景框

移动端开发的一个很大的好处就是可以不管讨厌的IE浏览器的兼容性,只需要页面在火狐等一些高级浏览器中正常显示就行。 最近在写一些移动端的页面,刚好在今天遇到了这么一个神奇的css特性。那就是tap-highlight-color 这个特效是实现在移动端点击某个地方的时候,比如说按钮或者超链接的时候,系统会默认加上一些灰色的背景和一些高亮的效果。但是有的时候我们并不想要这些效果。并且希望点击的

WhoWrongsWhere的专栏 2283

css中不常见属性

css中不常见属性双击文本不选中文本文字与文字之间间距图片边框Bootstrap的input点击去除边框滚动条样式解决点击select中下拉的选项,选项框的背景色会变白情况 双击文本不选中文本 在css中加: user-select:none; 文字与文字之间间距 在css中加:letter-spacing: 4px; 值越大,间距越大 图片边框 加了图片边框后,图片下面的内容都不能点击了。 在css中加 pointer-events:none; 即可解决 Bootstrap的input点击去除边框 在in

$ 694

css选中后的背景,css怎么实现鼠标选中文字后改变背景色

css中可以使用“::selection”选择器来实现鼠标选中文字后改变背景色效果,只需给文字元素E添加“E::selection{background: 背景色值;}”样式即可。本教程操作环境:windows7系统、css3版本、Dell G3电脑。css实现鼠标选中文字后改变背景色css鼠标选中文字后改变背景色可以使用::selection选择器。::selection选择器匹配元素中被用户选...

weixin_33634341的博客 2819
上一篇: 在Windows下安装apache+php+mysql
下一篇: CSS禁止鼠标拖动选择文字
everbeta
博客等级 码龄14年 0粉丝 7原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值