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

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 属性设置的。从那里开始，lighter/simpler 解决方案是使用 "blank" 图标，代码为 ui-icon-blank:

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

如果您不介意在消息之前留有空隙，空白图标仍然占据 space。

，则此解决方案是可行的

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

How to completely remove icon from p:confirm?

jsf

primefaces

icons

confirm