Jquery div上的CSS边框突然停止在chrome中工作。仍然可以在firefox中使用

正如标题所说，刚才发生了一些奇怪的事情。我正在做记忆游戏，重新打开页面后，当用键盘箭头导航时，div周围的边框不再显示。（点击窗口让箭头开始工作。）我一直使用谷歌chrome，但现在发生了这种情况，我转到firefox，边框显示在那里：s

你也一样吗

我怀疑这是css，因为我没有改变它，至少不是故意的…

如前所述，单击结果框以获得焦点，然后查看您在chrome/FF中是否正确获得该结果：

$('#' + tar).addClass("target");

与此相关：

.target{
    width:94px;
    height:94px;
    border:3px solid black;
}

---

我在Chrome中也看到了这个问题。一种解决方法是向卡中添加第二个类（例如，

.card grey

），并将

：after

伪元素应用于该类。然后，当您添加

.target

时，还可以删除

.card grey

，反之亦然

---

找到了一个快速解决方案。添加内容：“”；到目标css，它就工作了

.target{
    content:"";

    width:94px;
    height:94px;
    border:3px solid black;
}

---

请参阅：

我认为问题在于您使用的是默认框大小。“：after”内容遮挡了周围的框。我不知道为什么Chrome和Firefox之间有区别，但其中一个肯定是错误的：-）如果你添加了一个CSS规则，比如

*{box size:border box；}

，这很有帮助，尽管它使“：hover”规则有点奇怪。嘿，你已经检查了我关于你的游戏的最后一个问题的答案了吗？看来你的记忆在跟着我。我明天会更新一个完整的版本。为了继续话题，我无法在chrome上使用箭头键，安装程序：os x 10.8.3，chrome版本25.0.1364.172我已经可以使用了，并且我为这个移动做了完全自己的解决方案。如果你愿意，请标记，但感谢你在忙碌的一天之后给我带来了美好的游戏体验。：）使用箭头时不应显示颜色。班上的学生在那里扮演一个假装的悬浮者。我不明白的是，就在一分钟前，它是如何完美地工作的，而现在边界没有显示。。从那以后我再也没有做过任何改变，我甚至尝试过恢复dropbox内容，但没有得到好的结果：太棒了，Chrome经常推送更新。你最近重新启动了浏览器吗？当然，我想看看chrome的更新日志。可能会恢复到旧版本：）很乐意帮助。我以前没有见过JSFIDLE，所以它肯定会进入书签文件夹：）