css - Bootstrap 和 Formstack CSS 冲突 - 单选按钮仅部分可见

Question

将表单嵌入网站时，Bootstrap (4.1.3) 和 Formstack 的 CSS 会发生冲突。单选按钮仅部分可见。问题出在“标签”类（“fsOptionLabel”）中。更改行高确实有一点帮助，但是单选按钮无法与文本正确对齐。我的 CSS 知识有限，很抱歉我为这个愚蠢的问题道歉。我只是想不通...有关如何解决此问题的任何建议？它是一个带有如下标签的字段集 (role="group")：

<label class="fsOptionLabel vertical" for="field78202961_1">
<input type="radio" id="field78202961_1" name="field78202961" 
value="Single" class="fsField fsRequired vertical" aria-
required="true">Single</label>

Answer 1

Formstack 的支持建议了以下解决方法：

.fsRowBody input[type="radio"], .fsRowBody input[type="checkbox"] {
top: 2px;
width: 25px;
height: 25px;
}