如何在 Qualtrics Survey 中使用 CSS 代码隐藏 LOGO？

Question

我想在 Qualtrics Survey 的 LOOK & FEEL 中使用 CSS 在调查的最后一页隐藏我公司的徽标。我正在使用以下代码：

#Logo{display: none;}

此代码隐藏了调查所有页面的徽标。有没有办法修改此代码以仅从我调查的最后一页隐藏徽标。

这就是 Qualtrics 的外观和感觉：

Answer 1

您在最后一页的徽标旁边添加一个 class，如下所示：

<div id="logo" class="last-page" >...</div>

并在您的 css 中添加 显示：none 就像这样：

.last-page { display: none; }

或：

.last-page { visibility: hidden }

可见性：隐藏 隐藏徽标但消耗 space

Answer 2

使用唯一 ID，例如last，在您的 HTML 中，这样您就可以使用 CSS 定位它，如下所示：

<div id="logo last">Content</div>

然后，在您的 CSS 中定位 last id:

#last{
  display:none;
}

Answer 3

从外观自定义 CSS 中删除隐藏徽标的 CSS。将以下内容添加到 HTML 视图中调查最后一页问题的问题文本中：

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