2022年02月16日发布css怎么实现内容不可选

大家好，今日小科来聊聊一篇关于2022年02月16日整理发布：css怎么实现内容不可选的文章，现在让我们往下看看吧！

实现css内容非可选的方法：首先，新建一个html文件；然后使用p标记创建多行文本，并向p标记添加一个class属性；最后，通过“class(testpp)”设置页面文本的css样式，并将“user-select”属性设置为none。

本文的运行环境：Windows7系统，HTML5CSS3版本3，DELL G3电脑

创建一个新的html文件，命名为test.html，解释如何css可以防止网页上的内容被选中。

在test.html文件中，使用p标记为下面的测试创建多行文本。

在test.html文件中，向p标记添加一个class属性，该属性用于设置p标记的css样式。

在test.html文件中，编写style type='text/css'/style标记，其中将写入页面的css样式。

在css标签中，页面文本的css样式由class(testpp)设置，user-select属性设置为none，这样就不会选择页面内容。

用户选择属性可能与某些较低版本的浏览器不兼容，因此您可以添加兼容的样式来提高代码的兼容性。代码如下：

在浏览器中打开test.html文件查看效果。

总结：

1.在css样式中，将user-select属性设置为none，实现内容不能选择。

2.为了提高风格的兼容性，“-WebKit-user-select : none；”-moz-用户-选择： none-ms-用户-选择： none；“设置页面内容的样式。

这篇好文章是转载于：知行礼动