如何更改日期输入项的字体大小
dateInput("MyDate", "Date:", value = "2018-01-01"),
我正在使用
shinyUI(navbarPage(
tags$head(
tags$style(HTML("
@import url('//fonts.googleapis.com/css?family=Lobster|Cabin:400,700');
.selectize-input { font-size: 12px; line-height: 14px;}
.selectize-dropdown { font-size: 12px; line-height: 14px; }
.input-sm {font-size: 12px; }
"))
),tabPanel("MyPanel",
column(1,
wellPanel(
dateInput("MyDate", "Date:", value = "2018-01-01"),
好吧,很长一段时间过去了,也许仍然有人会发现它很有用,我已经设法使用tags$head
和tags$style
并指出其id
的特定输入来达到预期的结果:
tags$head(
tags$style(HTML("#MyDate [type = 'text'] {fontsize:12px;height:14px;}"))
)
实际上,您正在更改输入的格式,通过指向特定 ID (#MyDate
来限制受影响元素的范围,从而解决 bk18 提到的问题。
我自己刚刚开始探索Shiny,所以这可能不是最有效/最优雅的解决方案。
一个简单的解决方案是更改代码中的h_
标签,例如h1
、h2
、h3
....等等。
dateInput("MyDate", label = h2("My Date"), format="mm-dd-yyyy",value = "2018-
01-01")
您也可以在此参数中控制width=
在您的标签中,尝试:
tags$head(
tags$style(
".form-control {font-size: 2em !important;}"
)
)
这将使所有输入文本都很大。有趣的是,根据 css,所有输入都共享同一个类,并且更改列容器类似乎不起作用。我上面的答案应该有效,但它不会特定于日期输入。我会尝试解决它,但同时尝试上述方法!