相关文章推荐
个性的跑步机  ·  2024-01-06 dlopen ...·  1 年前    · 
直爽的哑铃  ·  干货 | ...·  2 年前    · 
面冷心慈的熊猫  ·  修改input ...·  3 年前    · 
失恋的茶壶  ·  设置 ASP.NET Core Web ...·  3 年前    · 

但是这样,问题就出来了---------- cursor: not-allowed 这个属性失效了。

在目标div上再套一层div,将 cursor: not-allowed 加到父盒子上,目标div保留 pointer-events: none

<style>
        div {
            width: 200px;
            height: 200px;
            border: 1px solid;
        .disable {
            pointer-events: none;
        .setCursor {
            cursor: not-allowed;
    </style>
</head>
    <div class="setCursor">
            <div class="disable" onclick="alert('click')"></div>
</body>

这是我个人总结到的一个小技巧,希望能帮到有需要的人。

转载请注明出处