当前位置：首页 > 快讯 >
2022年02月16日整理发布：css怎么实现内容不可选
来源：互联网    时间：2023-07-29 22:15:23

实现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；“设置页面内容的样式。

推荐：《css视频教程》以上是css如何让内容可选的详细内容。请多关注php中文网站的其他相关文章！

来源：php中文网站

上一篇：校宝在线助力教培行业实现数字化转型

下一篇：最后一页

X 关闭

推荐内容

精彩推荐

Copyright ©  2015-2022 每日卫浴网版权所有  备案号：浙ICP备2022016517号-15   联系邮箱：5 146 761 13 @qq.com