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

建网站  时间:2020-07-07  490 次浏览  文本被选取时的样式

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

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

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

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

01.jpg

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

02.jpg

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


本文地址:如何自定义网页上文本选取后的背景颜色? https://www.371jianzhan.com/technical/94.html


上一篇: 建网站时如何设计网页顶部菜单随滚动条改变样式

下一篇: 关于CSS透明度的两种使用方法以及优缺点

最新信息
推荐信息
  1. 郑州php网站建设专业开发各种企业网站
  2. 在企业网站建设中如何正确使用H标签?
  3. 如何加快提升企业网站移动端的开发效率?
  4. 建企业网站无须懂网站设计代码照样可以玩转
建企业网站
建企业网站