gpt4 book ai didi

css - 自定义 growl 消息边框颜色

转载 作者:行者123 更新时间:2023-11-28 18:35:07 25 4
gpt4 key购买 nike

在 growl 消息中,总是有一个蓝色边框,我想去掉它。尝试为不同的 growl 类添加边框颜色,但它仍然显示,我想要一个黑色边框,我该怎么办?下面是我的 CSS,谢谢。

.ui-growl{
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
border-color: black}


.ui-growl-item{color:black;background-color:gray; border-color: black;}

.ui-growl-item-container {background-color:gray;border-color:black; }

最佳答案

我不确定为什么它在您的案例中是蓝色的,也许您使用的主题与默认的 Aristo 主题不同?

但无论如何,<p:growl>边框可由以下选择器覆盖:

.ui-growl-item-container.ui-state-highlight {
border-color: pink;
}

另请参阅以下使用 Chrome 开发人员工具集进行检查的屏幕截图:

enter image description here

确保在 <h:outputStylesheet> 包含的样式表中指定覆盖样式在<h:body> (而不是 <h:head> )

<h:head>
...
</h:head>
<h:body>
<h:outputStylesheet name="custom.css" target="head" />
...
</h:body>

它将重新定位到生成的 HTML 中 <head>无论如何,这种方法保证它在任何 PrimeFaces 捆绑样式表之后加载。

关于css - 自定义 growl 消息边框颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13015663/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com