Tooltip 如何自定义intro.js的覆盖

Tooltip 如何自定义intro.js的覆盖,tooltip,intro.js,Tooltip,Intro.js,我想自定义intro.js中的工具提示。(将工具提示的背景色更改为蓝色)在intro.js中是否可以实现?您需要做的就是添加一个新的CSS规则来覆盖的背景色。

我想自定义intro.js中的工具提示。(将工具提示的背景色更改为蓝色)在intro.js中是否可以实现?您需要做的就是添加一个新的CSS规则来覆盖
背景色

.introjs-overlay {
  background-color: blue;
}
你也可以添加背景渐变,不透明度,任何你想要的

  • OverlayCapacity
    属性调整intojs创建的背景的覆盖不透明度。范围是0到1

    在introJs选项中添加
    OverlayCapacity:0
    ,以完全移除背景。
    introJs().setOption(“overlayocapacity”,0)

  • 重写
    .introjs工具提示
    类以更改工具提示的背景

    .introjs工具提示{
    背景色:#0000FF;
    }


  • 虽然这可能为这个问题提供了答案,但需要一些解释。请更新答案,并解释此解决方案的工作方式和原因。我正在添加此选项,但不是覆盖!(尽管我试图添加“!important”),顺便问一下,当它重写时,它是否隐藏了这个类的旧样式?或者只是在接近现有的样式上添加新样式?