如何恢复RShiny中fileInput()的默认按钮样式？

由于无法定位到覆盖默认样式的CSS代码，你可以通过添加高优先级的自定义CSS来强制重置fileInput按钮的样式，恢复其默认外观：

在你的UI代码中加入以下自定义样式块：

ui <- fluidPage( 
  # 添加自定义CSS重置样式
  tags$style(HTML("
    /* 针对fileInput的按钮元素，强制恢复默认样式 */
    .file-input .btn {
      all: revert;
      /* 如果revert不生效，可手动指定Shiny默认按钮样式 */
      color: #fff !important;
      background-color: #337ab7 !important;
      border-color: #2e6da4 !important;
      padding: 6px 12px !important;
      font-size: 14px !important;
      line-height: 1.42857143 !important;
      border-radius: 4px !important;
      border: 1px solid transparent !important;
    }
    .file-input .btn:hover {
      background-color: #286090 !important;
      border-color: #204d74 !important;
    }
  ")),
  tabPanel("Inputs",
           sidebarPanel(textInput("name", "Name:", ""),  
                        fileInput("file", "Upload file (.xlsx)", accept = c(".xlsx")))
)

说明： #

• all: revert可以快速将元素样式重置为Shiny框架的默认样式，是最简便的重置方式。
• 如果revert在部分浏览器中不生效，可启用注释里的手动样式配置，通过!important强制覆盖冲突的CSS规则。
• 这段样式代码需要放在fluidPage的最开头，确保优先级高于其他可能的覆盖代码。

内容的提问来源于stack exchange，提问作者Afke