R Shiny CSS设置:移除特定行间距且保留其余原有间距不变
解决方案
你要修改的间距默认来自Shiny的selectInput外层.form-group容器自带的底部边距,只需要精准匹配第一行下拉选择器所在的行修改样式即可,不会影响其他行的原有间距。
你只需要在你现有的absolutePanel内的shinyjs::inlineCSS部分新增如下CSS规则即可:
shinyjs::inlineCSS(" button.btn.radiobtn.btn-default.active { background-color: white; } /* 新增规则开始 */ #panel1 > .fluidRow:nth-of-type(1) .form-group { margin-bottom: 0 !important; } #panel1 > .fluidRow:nth-of-type(2) p { margin-top: 2px !important; /* 可根据你需要的贴合程度调整数值,设为0则完全贴死 */ } /* 新增规则结束 */ ")
规则说明
#panel1 > .fluidRow:nth-of-type(1)精准定位panel1下第一个存放下拉选择器的行,仅修改该行内所有下拉控件的底部外边距,不会影响第三行的下拉控件样式- 第二行规则用于调整第二行文本的顶部边距,你可以根据实际显示效果微调数值,保留默认的段落间距即可
修改完成后第一行和第二行的间距就会消失,第三行和第四行的原有间距会完全保留。
内容的提问来源于stack exchange,提问作者awags1
相关产品推荐
相关产品推荐

