如何使用 css 调整 introjs-tooltip 宽度

Question

如何使特定的 introjs 工具提示宽度变长？我可以使用 css 更改文本颜色，但更改宽度不起作用。

CSS:

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

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

}
//Not working
.customTooltip .introjs-tooltip {
    min-width: 500px;
}

简介：

const intro = introJs();
intro.setOptions({
  steps: [{
      title: 'Title',
      intro: 'Long Intro',
      tooltipClass: 'customTooltip'
    }
  ]
})

Answer 1

是否要调整父项的大小div？

你可以试试

.customTooltip {
  min-width: 500px;
}

直接

，您也可以添加 !important。

如何使用 css 调整 introjs-tooltip 宽度

How to adjust introjs-tooltip width using css

css

intro.js