R 在闪亮的仪表板中为菜单栏更改颜色
我对菜单子项的颜色有问题。R 在闪亮的仪表板中为菜单栏更改颜色,r,submenu,shinydashboard,R,Submenu,Shinydashboard,我对菜单子项的颜色有问题。 颜色首先覆盖所有子项(图1),字体颜色为灰色。 当我悬停时,顶部的菜单项是黑色的(图2) 到目前为止,有效的方法是更改子菜单的背景色: .skin-red .main-sidebar .sidebar .sidebar-menu .treeview-menu { background-color: #FDFDFD; } 我尝试了以下几种变体: .skin-red .main-sidebar .sidebar .sidebar-menu .treeview-m
颜色首先覆盖所有子项(图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;
}
选择子菜单时:
选择子菜单并将其悬停在此区域时:
谢谢你的帮助 我知道这个问题已经过时了,但我只是在试图解决同样的问题时遇到了这个问题。在我的案例中,有效的方法是在
仪表板侧栏
部分添加以下关于.treeview menu
的标记
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
)
我希望这能有所帮助。我改进了文本和代码格式,嵌入了图像(为了更好的可读性,希望有更多的答案),非常感谢!我是这个社区的新成员,也是R:)我自己做不到,因为我需要15分或更多的分数来嵌入图像;)