如何使用自定义CSS减少Qualtrics中单选按钮之间的距离
我正在尝试做一个关于质量的调查,这个调查将通过手机回答。我包括一些使用(水平)多选单答案单选按钮的调查,例如,7分,从根本没有到只有那些主播的极端 当在移动设备上进行调查时,这些问题会更改为垂直格式,但是每个点之间的距离非常大,这导致人们必须滚动查看所有选项 如何缩小这些单选按钮之间的大小 我使用以下自定义CSS成功地缩短了垂直单选按钮之间的距离:如何使用自定义CSS减少Qualtrics中单选按钮之间的距离,css,qualtrics,Css,Qualtrics,我正在尝试做一个关于质量的调查,这个调查将通过手机回答。我包括一些使用(水平)多选单答案单选按钮的调查,例如,7分,从根本没有到只有那些主播的极端 当在移动设备上进行调查时,这些问题会更改为垂直格式,但是每个点之间的距离非常大,这导致人们必须滚动查看所有选项 如何缩小这些单选按钮之间的大小 我使用以下自定义CSS成功地缩短了垂直单选按钮之间的距离: /* .Skin #SkinContent .MC .SACOL .ChoiceStructure td, .Skin #S
/*
.Skin #SkinContent .MC .SACOL .ChoiceStructure td,
.Skin #SkinContent .MC .MACOL .ChoiceStructure td,*/
.Skin #SkinContent .QuestionBody li,
.Skin #SkinContent .DL td,
.Skin #SkinContent .SS .QuestionBody,
.Skin #SkinContent .RO .DND ul.Edited .rank,
.Skin #SkinContent .RO .DND ul.NotEdited li:hover .rank,
.Skin #SkinContent .RO .DND .rank,
.Skin #SkinContent .PGR .DragAndDrop .rank,
.Skin #SkinContent .MC .MSB .QuestionBody,
.Skin #SkinContent .MC .SB .QuestionBody,
.Skin #SkinContent .MC .DL .QuestionBody,
.Skin #SkinContent .RO .SB .QuestionBody {
padding:5px;
}
问题是,我还有其他问题是垂直的,按钮之间的空间很小,看起来不太好看(分类答案而不是刻度)。因此,我更愿意以某种方式更改水平按钮,或者只更改所需的问题
使用此CSS解决:
.Skin #skindContent .MC .MAHR .QuestionBody td.LabelContatiner, .Skin .MC
.SAHR .QuestionBody td.LabelContatiner {
height: 38px; }
当在移动设备上进行调查时,这些问题会被忽略
更改为垂直格式,但是每个
点非常大[…]
如何缩小这些单选按钮之间的大小
在DOM检查器中,检查是否存在以下CSS样式属性的值:
高度
行高
margin
页边距顶部
页边距底部
padding
padding top
填充底部
您需要编辑其中的一个或多个。如果人们(像我一样)不知道qualtrics UI是什么,我们在哪里可以看到它的演示?我在手机和pc上添加了一些问卷截图。。。我们需要查看和检查代码。有什么事吗?谢谢!改变高度对我有用!