Question

当你悬停或点击时，我正在制作一个边框半径为5px的简单菜单。

我注意到，当我点击一个矩形边框时，会出现一个填充的白色，然后再转动（在ff和IE11中）

www.lo.ee-web.co.uk

我正在制作一个joomla模板，并将其引入自举代码但不使用它（如果我将日期中的任何插件放入可能需要它的话，请保留它）

我认为它可能需要覆盖一些bootstrap css，所以我尝试为a：active添加样式但这似乎没有帮助。我还注意到，如果我第二次按下一个链接，它就不会这样做，所以我猜这是因为缓存。

有没有办法阻止这个烦人的盒子？

感谢

Answer 1

在css中添加此行：

a, a:active, a:focus, a:visited{outline:none;}

Answer 2

尝试将背景颜色设置为透明。在你的情况下，CSS是：

你确实将template.css连接到你的html，并在那里找到了：

nav ul#mainMenu li a:hover, nav ul#mainMenu li.active a {
    background-color:#3d4d42;
    background-color:#597060;
    border-radius:5px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#cdcdcd));
    background: -webkit-linear-gradient(top, #efefef, #cdcdcd);
    background: -moz-linear-gradient(top, #efefef, #cdcdcd);
    background: -ms-linear-gradient(top, #efefef, #cdcdcd);
    background: -o-linear-gradient(top, #efefef, #cdcdcd);
    color:#597060;
}

这可能会导致白色背景。

如果你改变它，你可以修复它。

否则你也可以尝试给你的css文件一个新的背景属性，让它透明（或你想要的任何颜色）给它Background-color: transparent;

如果这不起作用，也许你应该尝试一下！重要的。

所以：Background-color: transparent !important;

按下链接时出现白色矩形

2 个答案: