首页 旅游资讯 线路攻略 景点大全 国内游 境外游 美食特产
您的当前位置:首页正文

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学习指路:

显示全文