Css 从ShinyWidgets更改AwesomeCheckbox的边距间距

我需要更改闪亮项目中awesomeCheckbox（）输入项的顶部和底部间距，因为其中许多项是垂直放置的，它们之间有太多的空白

使用浏览器上的inspect元素，我可以看到我需要将类

“checkboxbs checkboxbs bs checkbox bs primary”的元素从
style=“margin top:10px；margin bottom:10px；”
更改为
style=“margin top:0px；margin bottom:0px；”

我尝试使用以下类更改CSS，但没有效果：

tags$head(tags$style("
  .checkbox {display: inline-block; margin-top: 0px; margin-bottom: 0px; !important}
  .col-sm-4 {display: inline-block; margin-top: 0px; margin-bottom: 0px; !important}
  .checkboxbs {display: inline-block; margin-top: -20px; margin-bottom: 0px; !important}
  .checkbox-bs.input {margin-top: 0px; margin-bottom: 0px; !important}
  .checkbox-bs {margin-top: 0px; margin-bottom: 0px; top:0px; bottom:0px; !important}
  .checkbox-bs-primary {margin-top: 0px; margin-bottom: 0px; top:0; bottom:0px; !important}
  .checkboxbs.checkbox-bs.checkbox-bs-primary {margin-top: 0px; margin-bottom: 0px;}
  .form-group {margin-top: 0px; margin-bottom: 0px;}
  .shiny-input-container {margin-top: 0px; margin-bottom: 0px; !important}
  .form-group.shiny-input-container {margin-top: 0px; margin-bottom: 0px; !important}
  .shiny-bound-input {margin-top: 0px; margin-bottom: 0px; !important}
  ")),

你确定你能把
！重要信息
像您一样，在CSS属性列表的末尾？通常我们做
margintop:0px！重要的；保证金底部：0px！重要的，一个<代码>！重要信息
对于每个CSS属性，就在分号之前。@Stéphanelant这就是解决方案！我放了这个！在正确的课堂上很重要，它马上就起作用了。如果您愿意，请将此评论作为答复发送，以便我将其标记为已批准。