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

Question

当点击ios中的div（safari和chrome）时，即使手指被抬起，悬停伪类也会继续启动并持续存在。

值得注意的是，用户无需按住即可触发此效果。只需轻轻一点，就会导致悬停伪类继续存在。

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

Fiddle

伪类：

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