Css 如何减少闪亮输入框内的填充？

关于如何减少/扩展输入框外部的填充和边距有很多问题，但我找不到任何关于如何减少输入框内部的值/文本和框边框本身的填充的问题

例如，标准填充看起来像：

我希望将其更改为：

---

但是我找不到任何相关的CSS属性来更改它。可能吗？

不确定是否有CSS属性。您可以使用类

输入sm

：

library(shiny)

smallInput <- function(tag) {
  tag$children[[2]] <- htmltools::tagAppendAttributes(tag$children[[2]], class = "input-sm")
  tag
}

ui <- fluidPage(
  smallInput(textInput("small", "small", "")),
  textInput("normal", "normal", "")
)

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

shinyApp(ui, server)

库（闪亮）
smallInput只需将其作为
fluidPage的第一个参数添加即可：

tags$head(
    tags$style(HTML(
        ".form-control { height:auto; padding:3px 5px;}"
    ))
)

第一个填充（
3px
）指的是顶部和底部，第二个（
5px
）指的是右侧和左侧：您可以根据需要修改它们，例如，为了进一步减少它们，您可以放置
填充：1px 2px或甚至
0
或


解释
在浏览器中打开闪亮的应用程序时，可以右键单击要修改的任何元素，选择“检查”，然后在“开发工具”中检查相关样式以查看其CSS属性的来源。我看到我的文本输入框的填充是由
表单控件
类设计的，所以这就是我需要修改的

我认为在Shinny中修改CSS最简单的方法是像我上面所做的那样，将样式标记放在页面开头的标题标记中，但请参阅以获取其他选项和更多有关此的详细信息