CSS中的hover是一个非常常见的使用方法。它可以在用户鼠标移动到某个元素上时,给这个元素添加一些特殊的样式。但是,有时候我们希望hover不再起作用,怎么办呢?
这时候,我们可以使用锁定的方法,将hover给锁定住,使得其不再起作用。
.locked:hover { pointer-events: none; cursor: not-allowed; }
以上就是锁定hover的样式代码。其中,pointer-events: none;表示当鼠标指针位于该元素上时,不会触发鼠标事件;cursor: not-allowed;表示鼠标指针变成“禁止”符号,无法再响应用户的鼠标事件。
使用这种方法,我们可以实现不希望被hover的元素锁定,以达到我们想要的效果。