有时我们组件中没有设置disabled属性时,可能会需要使用cursor:not-allowed来设置禁用光标标志,同时要使用 pointer-events:none来禁用鼠标点击事件。
此时可能会遇到一些问题,即
在这里插入图片描述
此时的pointer-events:none 将cursor:not-allowed也禁用了,即此时cursor:not-allowed是不起作用的,解决方案如下,通过在设置cursor处的父元素处设置pointer-events:none 此方法在以下链接处看到点击此处查看此方法
但是有时我们项目中不建议多加元素,为了禁用光标来添加一个元素的做法并不推荐,所以最好的方法还是在写组件时将属性:diasbled设置进去,直接使用:disalbled属性是最好的

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐