如何从 p:confirm 中完全删除图标？答案

【问题标题】：How to completely remove icon from p:confirm?如何从 p:confirm 中完全删除图标？
【发布时间】：2015-08-21 07:34:55
【问题描述】：

我正在使用 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}?"/>

任何想法如何删除图标？

【问题讨论】：

标签： jsf primefaces icons confirm

【解决方案1】：

CSS 会帮助你：

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

【讨论】：

【解决方案2】：

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

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

如果您不介意在空白图标仍占用一些空间的消息之前有一个间隙，则此解决方案是可以的。

【讨论】：

你如何应用这个？