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

css美化文字选中时的颜色

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

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

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



评论:

林哲 Google Chrome 39.0.0.0 Linux湖北省武汉市 联通 2018-05-14 14:18
美化站点必备教程
哆啦爱梦~ Google Chrome 55.0.2883.87 Windows 7浙江省金华市 移动 2018-05-11 08:33
整个物理学就像是一个大谜,走到它的尽头,连整个世界是否存在都成了问题。打卡成功,现在时间:8点32分记得每天坚持打卡哦! 偶尔的自我陶醉一番,人不用活得那么严肃的。早安!
免费网上赚钱 Firefox 52.0 Windows XP局域网 对方和您在同一内部网 2018-05-11 00:36
好实的技巧,感谢分享

发表评论:

签到 赞赏 丢小花 请勾选我再发表评论!