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

Question

Bootstrap (4.1.3)和Formstack的CSS在将表单嵌入网站时发生冲突。单选按钮只有一部分可见。问题出在"label“类("fsOptionLabel")中。更改行高确实有一点帮助，但是单选按钮不能与文本正确对齐。我的CSS知识有限，所以很抱歉我问了这个愚蠢的问题。我就是想不通。对如何解决这个问题有什么建议吗？它是一个字段集(组“role=”)，标签如下：

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