CSS中带有悬停效果的点击

Question

我正在尝试制作一个没有链接的按钮，因为背景已经链接。因此，您应该能够通过它。我知道 pointer-events:none 但是使用它时，div 的 :hover 将不再起作用。

有什么办法可以做到吗？

我的 HTML 是：

<div class="button">
<span>Click here</span>
</div>

CSS：

.button { pointer-events: none; }
.button:hover { ... }

“按钮”类应该有一个 :hover 效果 + 点击。此设置不会显示 :hover 效果。

Answer 1

如果没有看到您的代码，我会建议以下两条路线之一：

1) 只需链接两者。没有大牌。

2) 通过 javascript 链接您的背景。如果按钮是子元素，则单击事件将冒泡到您的链接背景。