如何使用自定义减少 Qualtrics 中单选按钮之间的距离 CSS

Question

我正在尝试进行一项将在手机上回答的质量调查。我包括几个使用（水平）多项选择单选答案单选按钮的调查，例如7 分从完全没有到非常只有那些锚。

当在移动设备上进行调查时，这些问题会变为垂直格式，但是每个点之间的距离非常大，导致人们必须滚动才能看到所有选项。

如何缩小这些单选按钮之间的大小？

我使用以下自定义 CSS 成功地减小了垂直单选按钮之间的距离：

    /*
    .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;
    }

这个问题是我有其他问题是垂直的，看起来不太好，按钮之间几乎没有 space（分类答案而不是比例）。因此，我更愿意以某种方式更改水平按钮，或者只更改所需的问题。

使用这个 CSS 解决了：

   .Skin #skindContent .MC .MAHR .QuestionBody td.LabelContatiner, .Skin .MC
   .SAHR .QuestionBody td.LabelContatiner {
    height: 38px; }

Answer 1

When the survey is taken on a mobile device, these questions get changed to a vertical format, however then the distance between each point is very large [...]

How could I reduce the size between those radio buttons?

在 DOM 检查器中，检查是否有以下 CSS 样式属性的值：

height
line-height
margin
margin-top
margin-bottom
padding
padding-top
padding-bottom

您将需要编辑其中的一项或多项。

如何使用自定义减少 Qualtrics 中单选按钮之间的距离 CSS

How to reduce the distance between radio buttons in Qualtrics using Custom CSS

css

qualtrics