ngx-bootstrap 工具提示容器 class 不工作

Question

我正在使用来自 ngx-bootstrap 的工具提示和此代码

<button tooltip="Add column before" container='body' placement='bottom' containerClass='tooltipClass'> 
    <i class="plus"></i>
</button>

tooltipClass 的代码是

.tooltipClass{
  z-index:100;
  color:green
}

工具提示位于行号下方，这是因为行号上的 z-index。但是我在工具提示中添加了更大的 z-index，但是 class 没有被添加到它。有什么想法我该怎么做？

Answer 1

将 .tooltipClass class 放在根样式文件中它会起作用！

Answer 2

我遇到了同样的问题，但上述解决方案均无效。更新 ngx-bootstrap 的全局 scss 变量是我修复它的方法。

这会更新您的内部工具提示。

.tooltip-inner {
  background-color: #333 !important;
  color: green !important;
}

这会根据位置更新您的箭头。

.bs-tooltip-bottom .arrow::before{
  border-bottom-color: #333;
}

ngx-bootstrap tooltip container class is not working