1

在咆哮消息中，总是有一个蓝色边框，我想摆脱它。尝试为不同的咆哮类添加边框颜色，但它仍然显示，我想要一个黑色边框，我该怎么办？下面是我的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;  }
4

1 回答 1

1

我不确定为什么在你的情况下它是蓝色的，也许你使用了与默认 Aristo 主题不同的主题？

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

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

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

在此处输入图像描述

确保在样式表中指定覆盖样式，该样式由 a 包含<h:outputStylesheet>在<h:body>（而不是<h:head>）中

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

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

于 2012-10-22T19:50:35.600 回答