将标签设置为禁用不可点

最新推荐文章于 2024-07-21 02:53:05 发布

LIN-z.

最新推荐文章于 2024-07-21 02:53:05 发布

阅读量436

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/lay7889/article/details/126240272

版权

先看类型效果：

代码：

//html部分

<div class="cursor-not-allowed">
    <div class="card-disabled"></div>
</div>

//css部分  
//因为给标签设置了pointer-events属性后设置cursor: not-allowed;无效果  所以需要设置两个标签展示效果

.cursor-not-allowed {
    cursor: not-allowed;
    background: #cecbcb;
    opacity: 0.7;
}
.card-disabled {
    pointer-events: none;
}