您的当前位置:首页正文

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

2024-07-16 来源:客趣旅游网

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

pointer-events:none;

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

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

鼠标不可点击时的样式

cursor:not-allowed;

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

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

Top