CSS中禁用DOM事件

可以使用pointer-events属性。这个属性指定当鼠标指针设备(如鼠标)在元素上时,事件应该有什么表现。

pointer-events: none; 表示元素不应对鼠标事件进行响应。这包括鼠标的点击、悬停和其他鼠标相关的动作。

例如,如果你想禁用一个按钮的点击事件,你可以这样做:

.disabled-button {
  pointer-events: none;
  opacity: 0.5; /* 通常还会降低其透明度来表明它是不可用的 */
}

你可能感兴趣的:(css,前端)