禁止页面文字被选择

在编写html页面的时候,有时我们为了美观,不想文字出现被选中的效果,可以试试添加以下css代码

1、当未添加css代码是 文字处于被选择状态 如下图所示:

2、添加css代码后 文字已不能再被选择:

Tips:css代码如下

核心代码:

/*核心代码*/
-khtml-user-select: none; /* 其它 */
-webkit-user-select:none; /* Chrome Safari */
-moz-user-select:none; /* Firefox */
-ms-user-select:none; /* IE */
user-select:none;

转载于:https://www.cnblogs.com/muou2125/p/7991463.html

评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页