为什么IntroJS tooltipClass选项不工作

Question

我在我的angular应用程序中使用introJS。我根据他们网站上的教程一步一步地学习。我想改变样式，所以我基本上复制了他们的代码，但它不起作用。它添加了类，但对提示没有影响。

我的TS:

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

我Scss:

.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

问题是这个类是在组件scss中创建的。但是我需要创建一个全局css类并使用它。

为什么?因为组件嵌套在app-root和app-root是一个兄弟的intro.js元素，但他们都在index.html中，所以当我创建全局css类的intro.js元素能够访问它。