PrimeNG Tooltip Inner不会改变颜色

Question

修改ui-tooltip css时，它只会改变工具提示的外部颜色，它仍会留下内部颜色。我也尝试过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 css文件中应用CSS，那么它将不会应用于工具提示，因为工具提示已添加到主体根路径中。因此，您必须在项目的全局Css文件中添加css，该文件位于项目src>资产> css中，或者也可以在src>资产> styles.scss中应用。 在CSS之下使用： .ui-tooltip .ui-tooltip-text { background-color: red !important; }