css - 在 ios 浏览器中点击 div 时，悬停伪类仍然存在

Question

在 ios (safari 和 chrome) 中点击 div 时，悬停伪类会启动并在手指抬起后仍然存在。

值得注意的是，用户不必按住即可触发此效果。只需一个简单的点击将导致悬停伪类持续存在。

有没有办法通过纯 CSS 来阻止这种情况？

小提琴

伪类：

.hover-div:hover {
    background-color: cornflowerblue;
    color: whitesmoke;
    border-color: dodgerblue;
}