将悬停时的突出显示菜单项更改为在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;
}

编辑

  

我可以增加下划线的重量/厚度吗？

使用border-bottom代替text-decoration

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