如何控制 Shiny 滑块上数字的大小?

Mat*_*ien 3 css r shiny

我有一个漂亮的闪亮应用程序,但滑块顶部的数字很小。

在此输入图像描述

我怎样才能增加这些数字的大小?

我已经知道它会涉及一些CSS。但我不知道如何为这些数字设置一个类别……如果有一些我可以“挂钩”的东西,那么我可能可以找出其余的。

事实上,我尝试包含一个changeSize这样的类: column(3, h1(class="changeSize", sliderInput(inputId="age", "Age Range", min=32, max=99, value=c(50, 85), step=1))) 但这只允许我使用一些 CSS 来控制文本“年龄范围”的大小

.changeSize label {
    font-size: 15pt;
}
Run Code Online (Sandbox Code Playgroud)

非常感谢任何建议。谢谢。

Qui*_*ber 5

在 ui.R 中的shiny::navbarPage 中的 header 参数中添加样式标签对我来说是这样的:

navbarPage(..., 
  header=tags$head(tags$style(type='text/css', ".irs-grid-text { font-size: 20pt; }")))
Run Code Online (Sandbox Code Playgroud)

  • 您是如何发现滑块文本名为“.irs-grid-text”的?有没有关于如何通过名称访问所有各种闪亮元素的文档? (2认同)
  • 使用 Chrome:右键单击 -> 检查元素:https://developer.chrome.com/devtools/docs/dom-and-styles (2认同)