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

正如标题所说，刚才发生了一些奇怪的事情。我正在研究自己的记忆游戏，在用键盘箭头导航停止出现时重新打开页面边框周围的边界。（单击该窗口中得到箭头工作）。我总是用谷歌浏览器，但现在，这事我去了Firefox和边境有显示出来：■div上的CSS边框突然停止在chrome中工作。仍然可以在Firefox中使用

是不是同样的话？：http://jsfiddle.net/94jerdaw/USesV/

我怀疑它的CSS，因为我并没有改变它，至少不会故意...

正如我所说，单击结果框获得焦点，然后看看你在Chrome得到这个正确/ FF ：

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

连接到此：

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

来源

2013-03-25 Dave

我认为问题是，你使用的是默认盒大小。 “：之后”内容遮蔽了周围的框。我不知道Chrome和Firefox之间为什么不同，但其中之一肯定是错误的:-) – Pointy 2013-03-25 23:42:11

如果您添加一个像'* {box-sizing：border-box;}'这样有帮助的CSS规则，尽管它会使“：悬停”规则有点怪异。 – Pointy 2013-03-25 23:44:33

嘿，那么你是否已经在关于你的游戏的最后一个问题上检查了我的答案？你的记忆仿佛在追随着我。明天我会更新一个完整版本。为了保持主题，我无法获得在Chrome浏览器上工作的箭头键，安装程序：os x 10.8.3，Chrome版本25.0.1364.172 – hyde 2013-03-25 23:46:55

找到一个快速解决您。添加内容：“”;到目标的CSS和它的作品。

.target{ 
    content:""; 

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

见：http://jsfiddle.net/CZdux

来源

2013-03-26 00:19:25 Nate

哇谢谢！它的工作:) – Dave 2013-03-26 00:23:12

很高兴帮助。我之前没有见过jsfiddle，所以这肯定会进入书签文件夹:) – Nate 2013-03-26 00:27:15

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

http://jsfiddle.net/USesV/1/

来源

2013-03-25 23:46:03

使用箭头时不应显示颜色。这个班在那里扮演着假装悬停的角色。我不明白的是它在一分钟之前完美地工作，现在边界没有显示..自那时以来，我没有做过任何改变，我甚至试图恢复Dropbox内容，但没有得到我的好结果：s – Dave 2013-03-25 23:58:13

好吧，Chrome推动更新很频繁。您最近是否重新启动了浏览器？ – 2013-03-26 00:13:21

当然，我会尝试查看铬版的更新日志。可能恢复到旧版本:) – Dave 2013-03-26 00:18:47

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

回答

相关问题