Question

我正在使用R shiny，我正在尝试为我的ui中的selectInput和numericInput设置相同的高度。我找到了这一行：

 tags$style(type="text/css", ".selectize-input {line-height: 20px;}"),

更改了我所有selectInput的高度。

是否有与numericInput类似的行？

谢谢

Answer 1

嗯，它没有像selectInput这样的特定类。但是你仍然可以使用更通用的类form-control获得相同的结果。我们需要使用height代替line-height，但无论如何都适用于selectInput。

ui <- fluidPage(
  tags$style(type = "text/css", ".form-control.shiny-bound-input, 
.selectize-input {height: 70px;}"),
  selectInput(inputId = "another_id",
              label = "bar",
              choices = c(1, 2)),
  numericInput(inputId = "some_id",
              label = "foo",
              value = 1)
)

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

shinyApp(ui, server)

编辑：

如果您想将某些CSS应用于特定输入，则需要使用其id，因此该样式不适用于共享同一类的所有元素。在上面的示例中，如果您只想更改numericInput为id的{{1}}的高度，则可以使用some_id来选择此元素，从而导致以下内容代码：

#some_id

用于选择和数字输入的CSS样式

1 个答案:

编辑：