禁用指针事件CSS而不禁用指针事件

Question

有没有一种方法可以在不禁用指针事件的情况下消除指针事件的悬停效果

.disableHover{
    pointer-events: none;
}

如果我禁用了pointerevent，它将删除悬浮的css，但也会禁用单击事件，在我的情况下不应该发生， 有什么方法可以实现这一目标。任何建议都会有所帮助

Here is what i have tried

Answer 1

您不能使用

button:hover {
    cursor: default;
}

，然后将您想要的外观悬停 或者，如果您不希望每个按钮都像这样，请使用

.disableHover{
    cursor: default;
    color: blue;
}

Answer 2

通过将颜色覆盖为透明来解决此问题

.custom-btn::before {
    color: transparent
}

Codepen