html - 如何从 Bootstrap 主题中删除悬停时的导航下划线？

Question

我进入了 css 并删除了所有文本装饰:下划线，但由于某种原因它仍然出现。有人可以告诉我当您将鼠标悬停在导航栏上时如何删除顶部导航下划线吗？

这是 Oleose 主题的链接。

http://www.scoopthemes.com/templates/Oleose/Freeze/

Answer 1

这是罪魁祸首。它是一个伪元素 (:after)，它在链接下方加上下划线。

header .navbar-default ul.navbar-nav li a:hover:after {
  background: #ffffff;
}

只需删除它或将背景设置为透明即可。或者最好也删除这个。

header .navbar-default ul.navbar-nav li a:after{
    ....
}

下面是下划线的样式。