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

我很难改变一下鼠标悬停时菜单项的外观。目前，将其悬停时将突出显示，但我希望将其下划线显示。

最佳答案

将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;
}