Question

如何更改dateInput项的字体大小

 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"),

Answer 1

在您的代码中，尝试：

tags$head(
  tags$style(
    ".form-control {font-size: 2em !important;}"
  )
)

这将使所有输入文本变得庞大。有趣的是，输入都根据css共享相同的类，并且更改列容器类似乎不起作用。我上面的答案应该有效，但它不会特定于日期输入。我会尝试解决这个问题，但在此期间尝试以上内容！

Answer 2

一个简单的解决方案是更改代码中的h_标签，例如h1，h2，h3 ....等等。

dateInput("MyDate", label = h2("My Date"), format="mm-dd-yyyy",value = "2018- 
01-01")

您也可以在此参数中控制width=

Answer 3

好吧，很长一段时间过去了，也许仍然有人会发现它有用，我已经设法使用tags$head和tags$style并通过其id指向特定输入来达到期望的结果：

    tags$head(
     tags$style(HTML("#MyDate [type = 'text'] {fontsize:12px;height:14px;}"))
    )

实际上，您正在更改输入的格式，通过指向特定ID（#MyDate）来限制受影响的元素的范围，从而解决了bk18提到的问题。

我本人才刚刚开始探索Shiny，所以这可能不是最有效/最优雅的解决方案。

更改dateinput的字体大小

3 个答案: