如何在 Qualtrics 中使用 css 而不是 javascript 在一页上隐藏下一个按钮？

Question

我需要从一个页面上删除 qulatrics 调查中的下一个按钮，但不使用 javascript。据我所知，我们可以使用 id 选择器从整个调查中使用 CSS 删除下一个按钮，如下所示：

#NextButton{
   display: none;
}

但是当从一页中删除它时，我正在关注这个线程 -

Overriding CSS to add a "Next" Button to Only Certain Questions in Qualtrics

它结合了 id 和 class 选择器。所以我把 CSS 放在下面 -

.special-case #NextButton { display: none; }

并在 HTML 窗格中围绕我的问题创建了一个带有 class“特例”的 div。

所以我的问题现在看起来像 -

<div class = "special-case"> My question in HTML formal </div>

我不确定这种结合 id 和 class 选择器的方式是否有效，因为下一个按钮没有被隐藏。有什么建议吗？

Answer 1

“下一步”按钮不是问题的后代，因此“special-case”不起作用。

在要隐藏“下一步”按钮的页面上的问题文本中添加样式标签：

<style>
#NextButton { display: none; }
</style>

How to hide next button at one page using css and not javascript in Qualtrics?