在 HTML 中,有时候需要一些文本内容不被选中,有一个简单的方法可以实现这一功能——在 CSS 文件里添加以下代码:
user-select: none;
这个代码可以防止用户选择某些特定的文本内容,这样可以有效地保护您的网站内容。当用户尝试选择文本时,将不会有任何反应。
除此之外,您还可以通过以下代码实现:
-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version,currently supported by Chrome and Opera */
这几段代码是为了兼容各种浏览器而添加的,它们的作用都相同,都是禁用了选中文本的功能。需要注意的是,这几个属性都是 CSS3 的新属性,老版本的浏览器可能不支持。
总之,通过在 CSS 中添加 user-select 属性,可以使得某些文本内容不能被选中,达到保护网站内容的目的。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。