PrimeNG Tooltip Inner 不会改变颜色
PrimeNG Tooltip Inner Will not change color
当修改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
}
上面只是在红色块内留下了一个深灰色块。
这个选择器应该可以工作
.ui-tooltip-text.ui-shadow.ui-corner-all {
background-color: red;
}
如果您在 Component's CSS
文件中应用 CSS
,那么它不会应用到工具提示上,因为工具提示已添加到正文根路径中。所以你必须在项目的全局 CSS
文件中添加 CSS
,该文件位于你的项目 src > assets > css
或者你也可以在 src > assets > styles.scss
.
中应用
下面使用CSS
:
.ui-tooltip .ui-tooltip-text {
background-color: red !important;
}
当修改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
}
上面只是在红色块内留下了一个深灰色块。
这个选择器应该可以工作
.ui-tooltip-text.ui-shadow.ui-corner-all {
background-color: red;
}
如果您在 Component's CSS
文件中应用 CSS
,那么它不会应用到工具提示上,因为工具提示已添加到正文根路径中。所以你必须在项目的全局 CSS
文件中添加 CSS
,该文件位于你的项目 src > assets > css
或者你也可以在 src > assets > styles.scss
.
下面使用CSS
:
.ui-tooltip .ui-tooltip-text {
background-color: red !important;
}