検証エラーが発生したときにエラー アイコンのみを表示する必要があるという要件があります。同じために、primefaces メッセージ コンポーネントの iconOnly 属性を使用しています。以下のCSSを使用してアイコンをオーバーライドしようとしています:
.ui-message-error-icon-new {
background: url(../img/icon-error.png) no-repeat !important;
width: 23px;
height: 32px;
margin-top: 6px;
float: right;
cursor: pointer;
}
画像は表示されていますが、primefaces のエラー メッセージの境界線を取り除くことができません。以下のスクリーンショットを見つけてください。
どんな助けでも大歓迎です。