css不可点击样式实现的方法

329次阅读
没有评论

css不可点击样式实现的方法

1、直接给元素添加pointer-events:none;样式来禁止触发事件,实现不可点击。

pointer-events:none;

2、先给元素添加“cursor:not-allowed;”样式;然后使用js代码阻止点击事件的触发,实现不可点击。

cursor:not-allowed;
pointer-events:none;

鼠标不可点击时的样式

cursor:not-allowed;

注意,虽然样式显示不可点击,但是点击仍会触发相应事件。

以上就是css不可点击样式实现的方法,希望对大家有所帮助。更多css学习指路:css教程

神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试

相关文章:

版权声明:JavaScript2022-12-19发表,共计262字。
新手QQ群:570568346,欢迎进群讨论 Python51学习