CSS 如何实现鼠标不可点击样式? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
CSS 鼠标不可点击样式
鼠标不可点击时的样式
cursor:not-allowed;
效果如下图:
需要注意的是, 虽然样式显示不可点击, 但是点击仍会触发相应事件.
禁止触发事件
pointer-events:none;
使用该样式, 会阻止事件的触发. 鼠标会显示为箭头样式;
如果同时使用这两种样式, 会阻止事件的触发, 但鼠标并不会如我们所想显示为禁用样式, 而是显示为箭头样式.
所以我们在实现效果的时候, 可以使用 cursor:not-allowed; 然后使用 JS 代码去阻止事件的触发;
- cursor:not-allowed;
- pointer-events:none;
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/17298.html