Css 按下链接时出现白色矩形

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

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

www.lo.ee-web.co.uk

我正在制作一个joomla模板，并提取引导代码，但没有使用它（留下它，以防我在以后可能需要它的时候放入任何插件）

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

有没有办法阻止这个讨厌的盒子

谢谢

在css中添加此行：

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

在css中添加此行：

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

---

尝试将背景色设置为透明。 在您的案例中，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文件提供一个新的背景属性，通过为其提供

背景颜色：透明，使其透明（或任何您想要的颜色）

如果那不起作用，也许你应该试一下！这其中很重要

所以：
背景色：透明！重要的
尝试将背景颜色设置为透明。
在您的案例中，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文件提供一个新的背景属性，通过为其提供
背景颜色：透明，使其透明（或任何您想要的颜色）

如果那不起作用，也许你应该试一下！这其中很重要

所以：
背景色：透明！重要的
谢谢-尝试了此操作-结果相同。试过了！也很重要。仍然相同的结果尝试添加背景色：透明到原始链接状态，这似乎解决了它。。。所以你是对的！谢谢汉克斯-尝试了这个-同样的结果。试过了！也很重要。仍然相同的结果尝试添加背景色：透明到原始链接状态，这似乎解决了它。。。所以你是对的！谢天谢地-这-外面的虚线已经消失了，但矩形仍以直角角首先渲染，不是几秒钟后闪现的曲线我注意到，如果我注释掉bootsrap css文件的标题，那么这种情况就不会发生-我想知道这是否只是代码过度填充的结果。。。（我真的很想把bs文件留在…）添加-这个-外面的虚线已经消失了，但是矩形仍然是用直角角首先渲染的，不是几秒钟后闪现的曲线我注意到，如果我注释掉bootsrap css文件的标题，那么这种情况就不会发生-我想知道这是否只是代码过度填充的结果。。。（我真的想把bs文件留在…）