先设计 后付费,服务更有保障

2024我们与您携手共赢,为您的企业形象保驾护航!

如何自定义网页上文本选取后的背景颜色?

默认的情况下,当用鼠标拖拉选择文本内容时,被选择的文本背景颜色会变成蓝色,以表示被选择的部分,这时复制或Ctrl+C 就能在剪切板里复制到这一部分内容。这样的操作我想大家在日常的工作中会经常使用,那么 ,被选取的文本背景颜色一定要是蓝色的吗?这默认的设置可不可以修改呢?答案是一定可以的。

最简单的方法就是通过CSS样式重新定义颜色即可实现:

::selection{background: #f2054d; color: white; /* Safari */} 
::-moz-selection{background: #f2054d; color: white; /* Firefox */ }

在你的CSS样式文件中加入如上代码就可以改变默认的显示背景。
未加入以上代码前选取文本内容时:

加入以上代码后选取文本内容时:

建网站时两行小小的代码就可以改变默认的显示属性,只要你敢想一切皆有可能,就像天空不一定一直都是蓝色的。


我汉狮网络提供网站建设、APP软件开发、软件开发、小程序开发、网站网络营销等一站式服务,欢迎企业咨询
免费咨询:18838171308

先设计 后付费,服务更有保障

2024我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

24h咨询电话

18838171308

微信二维码
微信
线