如何隐藏 Header 菜单上的小破折号

Question

我从 Codecanyon 买了一个 PHP 脚本。脚本的 link 是 (https://preview.codecanyon.net/item/atoz-seo-tools-search-engine-optimization-tools/full_screen_preview/12170678).

当我在 header 的菜单上时，顶部会出现一个破折号。我正在尝试使用 text-decoration 更改它，但它不起作用。

当我将鼠标悬停在菜单上时，它会显示一个 blue-colored 破折号。我该如何删除它？

我用过 .nav{text-decoration: none !important;}

Answer 1

这个 blue-colored 破折号是从顶部到每个锚标记的边框，最初设置为透明颜色，但将鼠标悬停在任何锚上时，它会变为蓝色。您可以通过添加以下 css 属性:

来摆脱它

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar- 
nav>li>a:focus {
  border-color: transparent;
}

P.S：如果不行请尝试使用重要的 属性，像这样

border-color: transparent !important;