下面给大家解释一下如何实现css的内容不是可选的。相信朋友们也应该密切关注这个话题。现在来告诉朋友们如何实现css的内容不是可选的。边肖还收集了如何实现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；“设置页面内容的样式。
推荐：《css视频教程》以上是css如何让内容可选的详细内容。请多关注php中文网站的其他相关文章！
来源：php中文网站
标签：
免责声明：本文由用户上传，如有侵权请联系删除！