为什么 IntroJS tooltipClass 选项不起作用
Why is IntroJS tooltipClass option not working
我在 angular 应用程序中使用 introJS。我根据他们网站上的教程逐步进行。我想更改样式,所以我基本上复制了他们的代码,但没有用。它添加了 class 但它对小费没有影响。
我的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>
问题是 class 是在组件 scss 中创建的。但我需要创建一个全局 css class 并使用它。
为什么?因为组件嵌套在 app-root 中,app-root 是 intro.js 元素的同级元素,但它们都在 index.html 中,所以当我创建全局 css class intro.js 个元素能够访问它。
我在 angular 应用程序中使用 introJS。我根据他们网站上的教程逐步进行。我想更改样式,所以我基本上复制了他们的代码,但没有用。它添加了 class 但它对小费没有影响。
我的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>
问题是 class 是在组件 scss 中创建的。但我需要创建一个全局 css class 并使用它。
为什么?因为组件嵌套在 app-root 中,app-root 是 intro.js 元素的同级元素,但它们都在 index.html 中,所以当我创建全局 css class intro.js 个元素能够访问它。