css怎么实现禁止文字被选择

发布时间：2022-01-20 18:17:28 作者：清风
来源：亿速云阅读：146

这篇“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怎么实现禁止文字被选择”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

css怎么实现禁止文字被选择

css的三种引入方式

相关阅读