如何完全删除图标从p:确认

Question

我使用p:confirmDialog和p:confirm。当弹出窗口弹出时，在确认消息的左边有一个插入符号图标。有办法把它去掉吗?在primefaces文档中没有关于它的信息，但在他们的github问题上，他们说插入符号是默认的。

我代码:

<p:confirmDialog global="true" visible="true" widgetVar="confirmation">
    <p:commandButton value="No" type="button" styleClass="ui-confirm-dialog-no ui-mybutton-second" icon="ui-icon-close" />
    <p:commandButton value="Yes" onclick="#{cc.attrs.aController.someAction}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
</p:confirmDialog>
<p:confirm header="Confirm action" message="Are you sure #{someController.foo.fooNr} #{someController.foo.fooSerial}?"/>

有任何想法如何删除图标?

Answer 1

CSS将帮助你:

.ui-dialog-content > .ui-icon {
    display: none;
}

Answer 2

消息左侧的图标是使用p:confirm组件的icon属性设置的。从那里，一个更轻/更简单的解决方案是使用"空白"图标，代码是ui-icon-blank:

...
<p:confirm header="..." message="..." icon="ui-icon-blank" />

这个解决方案是ok的，如果你不介意在消息之前有一个空白的图标仍然占用一些空间。