DIVs周边边界

Question

我一直在构建这个网站，在Firefox中没有问题，当我开始使用chrome进行跨浏览器测试时，我注意到我的<div>周围有一个小小的边框。

​

​

这就是它应该没有边界的样子

​

​

但是，当我单击div的一个空空间时，请注意div周围的略带黄色边框。

我以前在图片上也遇到过类似的问题，我添加了一个border:0，解决了这个问题，但是我尝试了border:0、border:none、outline:0，它们似乎都不起作用。

这件事很紧急，我很感谢你们的帮助。

请不要犹豫地问我任何可能有助于解决这个问题的问题。

提前感谢

编辑

刚刚得知这是一个铬的焦点指示器，传统的border:0，border:none是否适用于这种类型？

Answer 1

使用伪选择器元素:焦点{大纲:无；}

Answer 2

黄色边框是“焦点”指示器。而在IE中，它是一个虚线轮廓，Chrome添加了这样的黄色边框。

不幸的是，我还没有找到一种可靠的方法来摆脱它，但是反复检查，您已经将移除边框的样式添加到了正确的元素中。

Answer 3

如果在css .maindiv中调用div，则该div的样式应该位于单个块中，让其独立存在。

.div{
border:0px;
}