我想要文本和单选按钮之间的单个空格。为了实现这一点,我通过添加margin-left:7px尝试了css类answerBottomYesNo。由于某种原因它没有用。 以下是代码段
<div class="questionRow odd">
<div class="question">
Ear Aches?
</div>
<div class="answers">
<label for="rbEarAches1"><span class="answerBottomYesNo" ><input type="radio" id="rbEarAches1" name="EarAches" value="true" data-bind="checked: EarAches">Yes</span></label>
<label for="rbEarAches0"><span class="answerBottomYesNo"><input type="radio" id="rbEarAches0" name="EarAches" value="false" data-bind="checked: EarAches">No</span></label>
</div>
</div>
如何在单选按钮和文本之间添加空格。我本可以做,但我真的希望这个驻留在CSS文件中。帮助赞赏!
答案 0 :(得分:4)
而不是span
,将margin
添加到input type=radio
内的span
,如下所示:
.answerBottomYesNo input[type="radio"]{
margin-right:20px;
}
查看工作小提琴:https://jsfiddle.net/4ageousp/