Shinydashboard:更改sidebarMenu中menuItem的字体大小

时间:2018-11-30 14:13:43

标签: css r shiny shinydashboard

我有一个dashboardSideBar,带有一些选项卡和一些选择输入(如下)。我想更改menuItem的大小,但不更改selectizeInput。此外,我想保留menuItem的旧样式,例如在悬停时更改颜色-但仅更改字体大小。

  dashboardSidebar(
      sidebarMenu(
        menuItem("Tab1", tabName="tab1")
      ),
      selectizeInput(inputId = "x", label = "y", choices = "z")
    )

问了类似的问题,并提出了这个建议:

tags$style(HTML(".main-sidebar { font-size: 20px; }"))

但是,这会更改侧边栏中的所有内容,包括通过选择不需要的输入。

我尝试使用div,但是这会删除所有以前的格式,而且看起来不太好。如果有人知道如何在CSS中引用这些特定项目,那将是可行的。例如。 .menu-item,尽管这不是正确的参考。

1 个答案:

答案 0 :(得分:3)

这应该有效:tags$style(HTML(".sidebar-menu li a { font-size: 30px; }"))

编辑:
这是由Shiny生成的HTML结构派生的。

这基本上是指:仅将<a>元素内的文本(实际上是链接-在这种情况下,将Tab键视为链接)的字体大小更改为30,前提是{ {1}}元素位于<a>元素内(实际上是一个列表-在本例中为选项卡列表),并提供<li>元素位于任何类为{{1 }}。