覆盖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;
}