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

来源:建网站  发布时间:2020-07-07  128 次浏览

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

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

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

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

01.jpg

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

02.jpg

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


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

下一篇: 没有了!

最新信息
推荐信息
  1. 河南大咖电竞酒店
  2. 河南春怡电气设备有限公司
  3. 在建企业网站时如何正确对待企业关键词
  4. 建企业网站使用什么建站系统简单又好用
建企业网站
建企业网站