CSS实现禁用状态 及 扩展

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_44781409/article/details/97884504

一：为input框添加禁用状态

1、readonly表示此域的值不可修改，仅可与 type=“text” 配合使用，可复制，可选择,可以接收焦点，后台能接收到传值.

代码演示

<input type="text" name="firstname" value=""  readonly="readonly" />

2、鼠标不可点状态

鼠标不可点击时的显示状态：cursor: not-allowed

鼠标原有的事件不能实现 : pointer-events:none

3、cursor 定义和用法
cursor 属性规定要显示的光标的类型（形状）。
该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个 边界确定这个范围）。

cursor 的其他可能值

W3school章节地址 https://www.w3school.com.cn/cssref/pr_class_cursor.asp