1

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

覆盖 primefaces 错误图标

任何帮助,将不胜感激。

4

1 回答 1

0

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

.ui-message-error {
    border:none; 
    background: none;
}
于 2013-07-15T10:30:38.987 回答