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

Question

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

<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;
}

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

Bootstrap and Formstack CSS clash - radio buttons only partly visible

css

formstack

bootstrap-4