DIV 周围的边框答案

【问题标题】：Border around DIVsDIV 周围的边框
【发布时间】：2012-04-08 21:54:17
【问题描述】：

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

这应该是没有边框的样子

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

我之前在图像上遇到过类似的问题，我添加了一个border:0 并且它已经解决了，但是，对于这个问题，我尝试了border:0、border:none、outline:0，它们都是好像没用。

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

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

提前致谢

编辑

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

.div{
border:0px;
}

【讨论】：