2012-04-08 98 views
0

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

enter image description here

这是它应该看起来像无边框

enter image description here

但要注意周围的div的,轻微的黄色边框当我在div的空的空间之一点击。

我之前曾与图像类似的问题,因此我加了一个border:0和它的解决,但是,对于这个问题,我已经试过border:0border:noneoutline:0,他们似乎都没有工作。

这是非常紧迫的,我很感谢你们的帮助。

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

在此先感谢

编辑

刚刚得知,这是一个Chrome的重点指标,是常规border:0border:none可行的这种类型的?

+1

恩,你想让我们说什么? “错误是在你的CSS第23行”? – 2012-04-08 13:40:00

+0

这看起来像是一个经典的“在这些图像之间找到5个区别”的问题。刚刚kiddin – Krishna 2012-04-08 13:43:03

+0

你在IE中得到什么? – lolo 2012-04-08 13:56:02

回答

4

使用伪选择 元素:重点{ 纲要:无; }

+0

谢谢,解决它与*:focus {outline:none;} – robobooga 2012-04-08 13:51:14

1

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

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

+0

哇,我甚至没有想到'重点'指标,似乎这是寻找解决方案的正确途径 – robobooga 2012-04-08 13:43:32

0

该分区的风格应该是在一个单一的块 如果该分区被称为CSS .maindiv 让它独自站在

.div{ 
border:0px; 
}