css div禁用不可点击
时间: 2023-08-11 21:26:19 浏览: 175
CSS利用pointer-events防止重复点击的方法实例
你可以使用CSS中的pointer-events属性来禁用一个div元素的点击事件。将其设置为none即可禁用该元素的点击事件,如下所示:
```
div {
pointer-events: none;
}
```
这将使该div元素无法响应鼠标点击或触摸事件。如果你想要使该元素可以点击但是不能触发任何事件,可以将pointer-events设置为"auto",并在CSS中添加以下属性:
```
div {
pointer-events: auto;
cursor: default;
}
```
这将使该元素恢复点击,但是将光标设置为默认状态,并且不会触发任何事件。
阅读全文