1、直接给元素添加pointer-events:none;样式来禁止触发事件,实现不可点击。
pointer-events:none;
2、先给元素添加“cursor:not-allowed;”样式;然后使用js代码阻止点击事件的触发,实现不可点击。
cursor:not-allowed; pointer-events:none;
鼠标不可点击时的样式
cursor:not-allowed;
注意,虽然样式显示不可点击,但是点击仍会触发相应事件。
到此这篇关于“使用CSS怎么样做不可点击样式的效果”的文章就介绍到这了,更多相关使用CSS怎么样做不可点击样式的效果内容,欢迎关注恒创科技技术资讯频道,小编将为大家输出更多高质量的实用文章!