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

Question

所以正如标题所说，刚才发生了一些奇怪的事情。我正在研究我的记忆游戏，重新打开页面后，使用键盘箭头导航时 div 周围的边框停止显示。（单击窗口以使箭头起作用。）我总是使用谷歌浏览器，但现在发生这种情况我去了火狐并且边框显示在那里：s

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

正如我所提到的，单击结果框架以获取焦点，然后查看是否在 chrome/FF 中正确获取此内容：

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

与此相关：

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

score 2 · Accepted Answer

我在 Chrome 中也看到了这个问题。一种解决方法是向您的卡片添加第二个类（例如，.card-grey）并将:after伪元素应用于该类。然后，当您添加时.target，您也可以删除.card-grey，反之亦然。

score 1 · Accepted Answer

为您找到了快速解决方案。添加内容：""; 到目标css，它可以工作。

.target{
    content:"";

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

2 回答 2