Question

鉴于此设置

a { color: #ccc; }
a:hover { color: #fff; }

<a href="#" id="abc">Test</a>

$('#abc').click(function() {
    doSomething();
    return false;
});

所有内容都按预期“正常工作”，但“测试”在手机/平板电脑上留有白色文字，因为iOS现在将其视为悬停。我该怎么做才能“重置”这个？

Answer 1

您将焦点移动到另一个元素并重置悬停样式。例如。尝试创建另一个链接，假设您将它们称为“link1”和“link2”：当您单击链接1时，它将变为白色。然后单击链接2：链接2变为白色，link1将返回其#ccc颜色。

看到这个小提琴（我刚在iPad上试过）：

如果您想以编程方式执行此操作，则必须使用.focus() JQuery方法，请参阅此处：