Мне нужно изменить верхний и нижний интервал входного элемента awesomeCheckbox () в проекте Shiny, потому что многие из них расположены вертикально, и между ними слишком много пробелов.
Используя элемент проверки в моем браузере, я вижу, что мне нужно изменить элемент класса "checkboxbs checkbox-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}
")),