IE在悬停时添加背景颜色

Question

IE 10、9、8 和 7 出于某种原因在我的导航链接上添加了一个愚蠢的背景，当您单击它们时，当您将鼠标悬停在它们上时，一切都会按应有的方式发生，但是当您单击它时，这个愚蠢的白色背景颜色出现在它后面，就像它受到我的填充影响一样，但如果我删除我的填充，你可以想象我的导航栏搞砸了。

#navbar {
width:1000px;
height:30px;
margin-top:-35px;
position:relative;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
behavior:url(../CSSPie/PIE.htc);
}

#navbar ul {
list-style:none;
}

#navbar li, a {
display:inline;
font-family:Calibri, "Calibri Light", Cambria, "Cambria Math";
text-decoration:none;
color:#CCC;
padding:5px 10px 0px 0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
behavior:url(../CSSPie/PIE.htc);
}

#navbar a:hover {
color:#FFF;
}

提前谢谢你！

Answer 1

你应该检查标签anchor的默认样式。

a:link { }
a:visited { }
a:hover { }
a:active { }

可能 IE 已经建立了一些影响您的样式的默认值，因此您可以尝试覆盖它们以使其与您的样式相得益彰。

您是说单击它们时它们会中断，可能您必须覆盖active 或visited 样式。比如：

a:visited { background: none; }
a:active { background: none; }

或：

a:visited { background-color: transparent; }
a:active { background-color: transparent; }