DIV周围的边界

Question

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

这是没有边框的样子

但是当我点击div的一个空白区域时，请注意div周围的黄色边框。

我之前的图片遇到了类似的问题，我添加了一个border:0但它已经解决了，但是，对于这个问题，我尝试了border:0，border:none， outline:0他们似乎都没有工作。

这非常紧急，我感谢你们的任何帮助。

请不要犹豫，向我提出任何可能有助于解决此问题的问题。

提前致谢

修改

刚刚了解到这是Chrome的重点指标，传统的border:0，border:none是否适用于此类型？

Answer 1

使用伪选择器 元素：焦点{ 概述：无; }

Answer 2

黄色边框是“焦点”指标。在IE中它是一个虚线轮廓，而Chrome则添加了一个黄色边框。

遗憾的是，我还没有找到一种摆脱它的可靠方法，但仔细检查一下你是否已将边框删除样式添加到正确的元素中。

Answer 3

该div的样式应该在一个块中 如果在css .maindiv中调用该div 让它独自存在

.div{
border:0px;
}