首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css美化文字选中时的颜色

css美化文字选中时的颜色

作者头像
Youngxj
发布2018-06-06 13:56:06
2.1K0
发布2018-06-06 13:56:06
举报
文章被收录于专栏:YoungxjYoungxj

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

css美化.png
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 2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档