覆盖 Primefaces 错误消息图标

Question

我有一个要求，当出现验证错误时，我必须只显示一个错误图标。我正在使用 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 错误消息边框。 请找到以下屏幕截图：

任何帮助将不胜感激。

Answer 1

如果你想改变那个红色方块颜色/隐藏它，你可以使用这个：

.ui-message-error {
    border:none; 
    background: none;
}