Jsf 覆盖Primefaces错误消息图标

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

---

任何帮助都将不胜感激。

如果您想更改红色方块颜色/隐藏它，您可以使用以下方法：

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