杨小杰Blog(Youngxj)提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

css美化文字选中时的颜色

Young小杰2018-5-10 21:28 网站搭建(3)3222小标签: 网站搭建 源码分享

很多网站的选中文字特效都是使用的默认色,看就了就有点腻,今天教你如何个性的美化选中文字

css美化.png


<p class="text">默认文字(选中底色为栗色,字体颜色为白色)</p>
<style>
/*栗色选中状态*/
.text::selection {
	background:maroon; 
	color:#fff;
}

.text::-moz-selection {
	background:maroon; 
	color:#fff;
}

.text::-webkit-selection {
	background:maroon; 
	color:#fff;
}
</style>
下面再来看看如何假装让别人选中不了文字的css



<div onselectstart="return false;" style="-moz-user-select:none;" >假装你选不了我</div>
假装你选不了我,但是使用全选快捷键照样可以选中哦,只能娱乐一下


本文最后更新于2018-5-10,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论:

评论列表:

  • 林哲 Lv 5

    美化站点必备教程

  • 哆啦爱梦~ Lv 1

    整个物理学就像是一个大谜,走到它的尽头,连整个世界是否存在都成了问题。打卡成功,现在时间:8点32分记得每天坚持打卡哦! 偶尔的自我陶醉一番,人不用活得那么严肃的。早安!

  • 好实的技巧,感谢分享

  • 手机扫描二维码
    阅读体验更佳