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 開発者ツールセットを使用した検査の次のスクリーンショットも参照してください。

ここに画像の説明を入力

( ではなく)<h:outputStylesheet>に含まれるスタイルシートでオーバーライド スタイルを指定するようにしてください。<h:body><h:head>

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

とにかく、生成された HTML に再配置され、このアプローチにより、PrimeFaces にバンドルされたスタイルシートの後に<head>ロードされることが保証されます。

于 2012-10-22T19:50:35.600 に答える