在Shiny Dashboard中为menuSubItem更改颜色

Question

菜单子项的颜色有问题 颜色首先遍布所有子项（图片1），字体颜色为灰色 当我将鼠标悬停在顶部菜单项时为黑色（图片2）。

到目前为止有效的是改变子菜单的背景颜色：

.skin-red .main-sidebar .sidebar .sidebar-menu .treeview-menu {
    background-color: #FDFDFD;
}

我尝试了各种变体：

.skin-red .main-sidebar .sidebar .sidebar-menu .treeview-menu a {
    color: #8e44ad;
}   

.skin-red .main-sidebar .sidebar .sidebar-menu .treeview-menu a:hover {
    color: #8e44ad;
}   

选择子菜单：

在此区域选择并悬停子菜单：

感谢您的帮助！

Answer 1

我知道这个问题已经过时，但是我在尝试解决相同问题时碰到了这个问题。对于我而言，有效的方法是在.treeview-menu部分中添加有关dashboardSidebar的以下标签。

dashboardSidebar(width = 260,
    # ...sidebar items and other tags I need
        tags$style(HTML(".main-sidebar .sidebar .sidebar-menu .treeview-menu li.active a {background-color: #1E282C !important;}")),
        tags$style(HTML(".main-sidebar .sidebar .sidebar-menu .treeview-menu li:hover a {background-color: #1E282C !important;}"))
    # ...some other tags I need
)

我希望这会有所帮助。