css - 将鼠标悬停时突出显示的菜单项更改为悬停在 wordpress 上的下划线

Question

我在更改菜单项悬停时的外观时遇到了一些困难。目前它被设置为在悬停时突出显示，但我希望它被加下划线。

Answer 1

在悬停时使用 text-decoration: underline; 并移除颜色定义:

.navbar-nav > li > a:hover {
    color: black;
    text-decoration: underline;
}

我看到它被其他 css 覆盖所以使用 !important

.navbar-nav > li > a:hover {
    color: black!important;
    text-decoration: underline!important;
}

编辑

Can i increase the weight/thickness of the underline

使用border-bottom代替text-decoration

.navbar-nav > li > a:hover {
    color: black!important;
    text-decoration: none;
    border-bottom: 10px solid black;
}