為什么 IntroJS tooltipClass 選項不起作用

Question

我在我的 angular 應用程序中使用 introJS。 我根據他們網站上的教程逐步進行。 我想更改樣式，所以我基本上復制了他們的代碼，但沒有用。 它添加了 class 但它對小費沒有影響。

我的TS：

this.introJS.setOptions({
      tooltipClass: 'customTooltip'
    }).start();

我的科學：

.customTooltip * {
  color: #e81717;
  font-size: 18px;
}

.customTooltip .introjs-tooltip-title {
  color: #0a41c9;
}

我的html：

<div class="card-demo" data-tooltipClass="customTooltip" data-title="Welcome!" data-intro="Hello World!">
</div>

Answer 1

問題是 class 是在組件 scss 中創建的。 但我需要創建一個全局 css class 並使用它。

為什么？ 因為組件嵌套在 app-root 中，而 app-root 是 intro.js 元素的兄弟，但它們都在 index.html 中，所以當我創建全局 css class intro.js 元素時，intro.js 元素能夠訪問它。