我有一个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,尽管这不是正确的参考。
答案 0 :(得分:3)
这应该有效:tags$style(HTML(".sidebar-menu li a { font-size: 30px; }"))
编辑:
这是由Shiny生成的HTML结构派生的。
这基本上是指:仅将<a>
元素内的文本(实际上是链接-在这种情况下,将Tab键视为链接)的字体大小更改为30,前提是{ {1}}元素位于<a>
元素内(实际上是一个列表-在本例中为选项卡列表),并提供<li>
元素位于任何类为{{1 }}。