移除 Bootstrap 3.0 Nav :hover

Question

我需要一些帮助来帮助我移除所有属性的“鼠标悬停”上出现的灰色边框。

例如：http://www.bootply.com/rUL3TbSDYS

您可以看到，当将鼠标悬停在每个属性上时，会出现一个灰色边框...如何删除它？

我已将问题追溯到引导类 - .nav 但即使删除了所有 :hover css 样式，它仍然没有消失。

Answer 1

在您自己的 CSS 文件中添加一条新规则来覆盖它，例如：

.nav > li > a:hover { 
    background-color: transparent; 
}

Example Bootply

只要确保你的 CSS 在 Bootstrap 之后加载，这无论如何都是很好的做法。