jquery - div上的CSS边框突然停止在Chrome中工作。仍可在Firefox中使用

就像标题已经说的那样，刚才发生了一些奇怪的事情。重新打开页面后，使用键盘箭头导航时，div周围的边框停止显示，所以我正在做记忆游戏。 （单击窗口中的箭头可使箭头起作用。）我一直使用谷歌浏览器，但是既然发生了这种情况，我转到了Firefox，边框在那里显示了：

对您来说一样吗？：http://jsfiddle.net/94jerdaw/USesV/

我怀疑这是css，因为我没有更改它，至少没有故意...

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

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

连接到此：

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

最佳答案

找到适合您的快速修复。添加内容：“”;到目标CSS，它可以工作。

.target{
    content:"";

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

参见：http://jsfiddle.net/CZdux

关于jquery - div上的CSS边框突然停止在Chrome中工作。仍可在Firefox中使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15626744/