登录社区云,与社区用户共同成长
邀请您加入社区
css实现禁止点击的方法
1. 不可点击样式
cursor:not-allowed
该方法只能实现样式为不可点击,但是点击仍然会触发相应的是事件。
2. 禁止触发事件
pointer-events:none
该样式会阻止默认事件的发生,但鼠标样式会变成箭头样子。
如果同时使用这两种样式,会阻止事件的触发,但鼠标并不会显示禁止样式,而是箭头样式。
在实际开发中,我们可以使用cursor:not-allowed;然后编写js逻辑阻止事件的发生。
为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。
更多推荐
从K8s的“临时容器”看K8s设计的厉害之处
仓颉编程语言技术指南:嵌套函数、Lambda 表达式、闭包
一步即扫,直达应用所有服务
扫一扫分享内容
所有评论(0)