这篇“css怎么实现禁止文字被选择”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“css怎么实现禁止文字被选择”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>css禁止文字被选择</title>
<styletype="text/css">
.m-no-select{
-webkit-touch-callout:none;
/*iOSSafari*/
-webkit-user-select:none;
/*Chrome/Safari/Opera*/
-khtml-user-select:none;
/*Konqueror*/
-moz-user-select:none;
/*Firefox*/
-ms-user-select:none;
/*InternetExplorer/Edge*/
user-select:none;
/*Non-prefixedversion,currently
notsupportedbyanybrowser*/
}
</style>
</head>
<div>可以选择</div>
<div>不可以选择</div>
<body>
<scriptsrc="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<scripttype="text/javascript">
</script>
</body>
</html>
css的三种引入方式
1.行内样式,最直接最简单的一种,直接对HTML标签使用style=""。2.内嵌样式,就是将CSS代码写在之间,并且用
进行声明。3.外部样式,其中链接样式是使用频率最高,最实用的样式,只需要在之间加上
就可以了。其次就是导入样式,导入样式和链接样式比较相似,采用@import样式导入CSS样式表,不建议使用。
以上是“css怎么实现禁止文字被选择”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注天达云行业资讯频道!