css中禁止用户选择页面中的文字或者图片
时间: 2023-12-22 18:05:04 浏览: 116
可以使用 CSS 的 user-select 属性来禁止用户选择页面中的文字或图片。例如可以将 user-select 设置为 none:
```
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
```
这样用户就无法在页面上选择文字和图片了。
相关问题
网页中全局禁止文字选中
可以通过CSS样式表来实现全局禁止文字选中,具体代码如下:
```
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
```
这段代码中,`-webkit-user-select`、`-moz-user-select`、`-ms-user-select`和`user-select`属性控制了不同浏览器的文字选中方式。将这些属性的值都设置为`none`,即可禁止整个页面中的文字选中。
css 禁止鼠标选中文字
当我们需要在网页中展示一些内容时,有时候我们并不希望用户可以选中其中的文字,这时候我们可以使用CSS的user-select属性来禁止用户选中文字,示例代码如下:
```
<style>
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<div class="no-select">这段文字不能被选中</div>
```
在上面的代码中,我们给需要禁止选中的元素添加了一个class名为`no-select`,并使用了CSS的user-select属性,将其值设置为`none`,这样用户就无法选中其中的文字了。需要注意的是,user-select属性在不同的浏览器中可能会有不同的前缀,所以我们需要添加多个前缀来兼容不同的浏览器。