(css必看)禁止用户拖动,禁止选中复制,禁止输入框输入

简介: (css必看)禁止用户拖动,禁止选中复制,禁止输入框输入



特殊的css,下面每一个都必须了解

1.user-select属性可以设置是否允许用户选择页面中的图文内容;

user-select不可被用户选中__揽的博客-CSDN博客

user-select: none;

2.user-drag属性可以设置是否允许页面元素拖拽。

.user-drag {
-webkit-user-drag: none;
}

3.user-modify属性可以设置是否允许输入框输入内容

-webkit-user-modify: read-only | read-write | read-write-plaintext-only
目录
相关文章
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
|
前端开发 开发者 容器
CSS 自适应内容宽度的输入框
CSS 自适应内容宽度的输入框
CSS 自适应内容宽度的输入框
|
2月前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
46 0
JS配合CSS3实现动画和拖动小星星小Demo
|
6月前
|
Web App开发 前端开发
CSS - 修改输入框placeholder默认颜色
CSS - 修改输入框placeholder默认颜色
51 0
|
前端开发
css只改变input输入框光标颜色
css只改变input输入框光标颜色
|
前端开发
css只改变input输入框光标颜色不改变文字颜色实现方法
css只改变input输入框光标颜色不改变文字颜色实现方法
|
前端开发
CSS登录输入框简单练习
CSS登录输入框简单练习
|
JavaScript 前端开发 数据安全/隐私保护
CSS实现一个『简约高级』的输入框
一个商务简约的登陆界面 前几天在逛codepen的时候,发现了一个很有意思的登陆界面,于是就想着自己实现一下,于是就有了这个demo。 顺便将接下来网站的登陆界面也改成这个样式了。
|
前端开发 JavaScript
两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果
两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果
544 0