如何使用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;
}

IntroJs:

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

Answer 1

是否要调整父div的大小?

你可以试试

.customTooltip {
min-width: 500px;
}

直接添加，也可以添加!important