Shiny应用中多段CSS语句仅第一段生效，求问题原因排查

问题原因 #

1. CSS语法错误
   你给每个CSS规则的大括号后额外加了分号（}后面的;），这不符合CSS语法规范。浏览器解析时会因这个错误忽略后续的CSS规则，导致只有第一个规则生效。

2. UI结构语法错误
   tags$style语句末尾多了一个闭合括号，导致page_fluid容器提前结束，后续的输入控件和布局元素没有被包含在页面容器内，会引发额外的布局异常。

修正后的完整代码 #

library(shiny)
library(bslib)
library(tidyverse)
library(shinyWidgets)

ui <- page_fluid(
  tags$style(".noGap {gap: 0rem}
                  .sw-input-icon {width: 75px}"),
  
  numericInputIcon("height", "Plot Dimension", 400, icon = "Height:"),
  numericInputIcon("width", NULL, 400, icon = "Width:"),
  
  layout_column_wrap(width = 1/2, class = "noGap",
                     card_body(actionButton("a", "a")),
                     card_body(actionButton("b", "b")))
 
)

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

shinyApp(ui, server)

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