如何在 Qualtrics 中使用 css 而不是 javascript 在一個頁面上隱藏下一個按鈕？

Question

我需要從一個頁面中刪除 qulatrics 調查中的下一個按鈕，但不使用 javascript。 據我所知，我們可以使用 id 選擇器從整個調查中使用 CSS 刪除下一個按鈕，如下所示：

#NextButton{
   display: none;
}

但是當從一頁中刪除它時，我正在關注這個線程 -

覆蓋 CSS 以僅向 Qualtrics 中的某些問題添加“下一步”按鈕

它使用 id 和 class 選擇器的組合。 所以我把CSS如下 -

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

並在 HTML 窗格中圍繞我的問題創建了一個帶有“特殊情況”類的 div。

所以我的問題現在看起來像 -

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

我不確定這種組合 id 和類選擇器的方式是否有效，因為下一個按鈕沒有被隱藏。 有什么建議么？

Answer 1

Next 按鈕不是問題的后代，所以這就是“特殊情況”不起作用的原因。

在要隱藏“下一步”按鈕的頁面上的問題文本中添加樣式標記：

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