javascript - 当用户点击后退按钮时，上一次点击设置样式的 css 元素仍然设置样式

Question

当有人点击或悬停在某个元素上时，我为某个元素设置了 CSS 样式。在移动版 Safari 上，当用户点击它转到新页面但随后点击浏览器的后退按钮时，它仍然以“点击”颜色显示。有办法阻止这种情况吗？

.button:hover, .button:active
{
    color: red;
}

Answer 1

移动版 safari 浏览器有这种处理页面的典型方式，即一旦它重定向到新页面，它将缓存页面状态本身或页面快照，当您返回时它会直接显示该快照。我也遇到过这类问题，但我没有找到一个严格的解决方案。

我通过将按钮的颜色改回点击处理程序本身的任何(默认)颜色解决了这个问题，然后在你的情况下执行我的剩余操作它是重定向。希望它能帮助您快速解决问题