css - 在 R Shiny 中更改 navbarPage 菜单栏的悬停字体颜色

Question

当鼠标悬停在 R Shiny 应用程序的 navbarPage 菜单栏上的选项上时，我试图通过使用包含以下内容的 CSS 文件来更改字体的颜色:

.navbar-default:hover {
    color: #F2E836;
    background-color: #000000 !important;
}

但是，这对我不起作用。有什么原因的猜测吗？

Answer 1

试试这个:

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #F2E836 !important;
    background-color: #000000 !important;
}

如果样式在没有它的情况下适用，则省略 !important。

!important 覆盖已在同一元素上定义的其他样式。过度使用 !important 不是一个好习惯，因为它会混淆哪一行 CSS 应用于哪个元素。

希望这对您有所帮助。