PrimeNG Tooltip Inner 不会改变颜色

Question

当修改ui-tooltip时css它只改变了tooltip的外部颜色，它仍然保留内部颜色。我还尝试了 jQuery UI 中的 CSS ，它应该是一个黑色的工具提示，但同样内部颜色没有改变。

有人有这方面的经验吗？

https://www.primefaces.org/primeng/#/tooltip

<input type="text" pTooltip="Enter your username" tooltipPosition="top">

CSS:

.ui-tooltip {
    background-color: red
}

上面只是在红色块内留下了一个深灰色块。

Answer 1

这个选择器应该可以工作

.ui-tooltip-text.ui-shadow.ui-corner-all {
    background-color: red;
}

Answer 2

如果您在 Component's CSS 文件中应用 CSS，那么它不会应用到工具提示上，因为工具提示已添加到正文根路径中。所以你必须在项目的全局 CSS 文件中添加 CSS ，该文件位于你的项目 src > assets > css 或者你也可以在 src > assets > styles.scss.

中应用

下面使用CSS:

.ui-tooltip .ui-tooltip-text {
  background-color: red !important;
}

PrimeNG Tooltip Inner 不会改变颜色

PrimeNG Tooltip Inner Will not change color

primeng