将Qualtrics滑块向左/右移动

Question

我正在尝试在qualtrics中设计一个真正的努力任务，我需要滑块彼此偏移。它大致应该如下所示：

sliders

我没有找到任何关于滑块元素的HTML代码，仅针对问题文本框。

非常感谢一些帮助！

谢谢

Answer 1

您可能想尝试定位：

＆＃13;

＆＃13;

input[type="range"] {
  margin-left: 50px;
}

.a-little-left {
  position: relative;
  left: -5px
}

.more-left {
  position: relative;
  left: -50px;
}

＆＃13;

<input type="range" class="a-little-left" id="range-one"><label for="range-one">0</label><br/>
<input type="range" class="more-left" id="range-two"><label for="range-one">50</label>

＆＃13;

＆＃13;

＆＃13;

或者可能带有负margin值：

＆＃13;

＆＃13;

input[type="range"],
label {
  position: relative;
  left: 50px;
}

.a-little-left {
  margin-left: -5px
}

.more-left {
  margin-left: -50px
}

＆＃13;

<input type="range" class="a-little-left" id="range-one"><label for="range-one">0</label><br/>
<input type="range" class="more-left" id="range-two"><label for="range-one">50</label>

＆＃13;

＆＃13;

＆＃13;

那么，您应该选择哪一个？

使用position: relative进行定位会在之后移动对象：

另一方面，使用margin进行定位会将输入物理移动到左侧。选择是你的。

您可能从上述解决方案中获得的问题是可以溢出您的身体。通过为left-margin设置position或input就可以轻松解决此问题，就像我一样。

另外，请注意input[type="range"]选择器，以便它只选择您的range滑块。

Answer 2

这正是我们正在寻找的！ 但是，当我在Qualtrics JavaScript编辑器中实现代码时，会收到错误消息like this

我们做错了什么？