css - DIV 周围的边框

Question

我一直在用 Firefox 构建这个网站，没有出现任何问题，当我开始使用 chrome 进行跨浏览器测试时，我注意到我的<div>.

这就是它应该看起来像没有边界

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

我之前在图像上遇到过类似的问题，因此我添加了 aborder:0并解决了，但是，对于这个问题，我尝试了border:0, border:none，outline:0但它们似乎都不起作用。

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

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

提前致谢

编辑

刚刚得知这是chrome的焦点指示器，常规的border:0，border:none适用于这种类型吗？

Answer 1

使用伪选择器 Element:focus { Outline:none; }

Answer 2

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

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

Answer 3

如果在 css 中调用该 div，则该 div 的样式应该在一个块中。 maindiv 让它独立

.div{
border:0px;
}