0

我有一个带有一些选项卡和一些选择输入的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，虽然这不是正确的参考。

4

1 回答 1

3

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

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

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

于 2018-11-30T18:06:05.887 回答