shinydashboard：更改侧边栏菜单中菜单项的字体大小

Question

我有一个仪表板侧栏，其中包含一些选项卡和一些选择输入（如下）。我想更改 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，尽管这不是正确的引用。

Answer 1

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

编辑：
这是从 Shiny 生成的 HTML 结构派生的。

它基本上意味着：将字体大小更改为 30，仅适用于元素内部的文本<a>（实际上是一个链接 - 在这种情况下选项卡按钮被视为链接），前提是该<a>元素位于一个<li>元素内部（实际上是一个链接）一个列表 - 在本例中为选项卡列表），并且前提是该<li>元素位于具有 class 的任何元素内sidebar-menu。