cursor: not-allowed，pointer-events: none不能同时使用

最新推荐文章于 2025-03-21 08:45:22 发布

你要多照镜子

最新推荐文章于 2025-03-21 08:45:22 发布

阅读量2.2k

点赞数 7

本文链接：https://blog.csdn.net/weixin_45270158/article/details/120718043

版权

CSS pointer-events 事件穿透点击事件嵌套元素

关键词由CSDN通过智能技术生成

使用外部盒子嵌套就可以解决！

    <div style="cursor: not-allowed">
      <div
        style="
          width: 100px;
          height: 100px;
          background: #000;
          pointer-events: none;
        "
        onclick="appendItem()"
      ></div>
    </div>
    <script>
      function appendItem() {
        console.log('988888')
      }
    </script>