Добавление CSS-кода для увеличения пробела между ярлыком и радиокнопкой

Question

Мне нужно увеличить пространство между метками (которые перекрываются с моими измененными переключателями) и переключателями. Фрагменты кода, которые я нашел, касаются только ярлыков слева или справа от кнопки. Мои ярлыки находятся над переключателем, и теперь две линейные метки (например, «не нравится или нравится», которая охватывает две строки) перекрываются переключателем. Спасибо!

a screenshot of my radio buttons

Answer 1

jsfiddle

Поскольку я не уверен, что если вы используете загрузчик или любую другую основу макета, здесь решение с простым макетом таблицы.

td { 
    width:100px; 
    text-align: center; 
} 

<!--EMMET string table>(tr>(td>label[for=radio$]{myradio$})*5)+(tr>(td>input#radio$[type='radio'][name=myradio])*5)--> 
<table> 
<tr> 
    <td><label for="radio1">myradio1</label></td> 
    <td><label for="radio2">myradio2</label></td> 
    <td><label for="radio3">myradio3</label></td> 
    <td><label for="radio4">myradio4</label></td> 
    <td><label for="radio5">myradio5</label></td> 
</tr> 
<tr> 
    <td><input type="radio" id="radio1" name="myradio"></td> 
    <td><input type="radio" id="radio2" name="myradio"></td> 
    <td><input type="radio" id="radio3" name="myradio"></td> 
    <td><input type="radio" id="radio4" name="myradio"></td> 
    <td><input type="radio" id="radio5" name="myradio"></td> 
</tr> 

Answer 2

Добавить JavaScript в вашем Qualtrics вопрос:

Qualtrics.SurveyEngine.addOnload(function() 
{ 
    var qid = this.questionId; 
    var radioCells = $(qid).select('td.ControlContainer'); 
    var limit = radioCells.length; 
    for(i=0;i<limit;i++) { 
     radioCells[i].style.paddingTop = "25px"; 
    } 
}); 

Отрегулируйте "25px" по мере необходимости. Вы должны рассмотреть возможность перехода на новые темы Qualtrics, где переключатели переключаются, а ярлыки становятся кнопками.