如何从shinywidget包中更改airDatepicker中输入的字体大小？ [英] How to change font size of the input in airDatepicker from shinywidgets package?

问题描述

我使用的是shinyWidgets包中的airDatepicker。以下是我的代码：

airDatepickerInput(inputId = "choosedate", label = "month range", range = TRUE, placeholder = "choose month range", dateFormat = "M yy", view = "months", minView = "months", clearButton = TRUE,
autoClose = TRUE, update_on = "close", inline = FALSE, monthsField = "monthsShort", separator = " - ",
width = "161px", value = c("2010-01-01", "2019-12-31"), addon = "right")

我还使用tags$style来放置我所有的CSS代码。目前airDatepicker(输入，而不是标签)的字体对于我仪表板的其余部分来说太大了。以下是我希望字体变小的部分：

Here

我该怎么做？谢谢。

推荐答案

您必须找到正确的选择器(例如使用您的浏览器)：

library(shiny)
library(shinyWidgets)

ui <- fluidPage(
  tags$head(tags$style(HTML('
                            #choosedate {font-size: 75%}
                            #datepickers-container > div > nav {font-size: 75%;}
                            #datepickers-container > div > div.datepicker--content {font-size: 75%;}
                            #datepickers-container > div > div.datepicker--buttons > span {font-size: 75%;}
                            '))),
  airDatepickerInput(inputId = "choosedate", label = "month range", range = TRUE, placeholder = "choose month range", dateFormat = "M yy", view = "months", minView = "months", clearButton = TRUE,
                     autoClose = TRUE, update_on = "close", inline = FALSE, monthsField = "monthsShort", separator = " - ",
                     width = "161px", value = c("2010-01-01", "2019-12-31"), addon = "right")
)

server <- function(input, output, session) {}

shinyApp(ui, server)

这篇关于如何从shinywidget包中更改airDatepicker中输入的字体大小？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！