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

css美化文字选中时的颜色

Young小杰2018-5-10 21:28网站搭建(3)1120查询中……小标签: 网站搭建 源码分享

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

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>
假装你选不了我,但是使用全选快捷键照样可以选中哦,只能娱乐一下



发表评论:

发表评论:

  • 林哲 Lv 5

    美化站点必备教程

  • 哆啦爱梦~ Lv 1

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

  • 好实的技巧,感谢分享