jsf – 如何放弃PrimeFaces对话的透明度？

我正在尝试使用我的JSF页面中的Primefaces Dialog组件显示警报.我可以显示对话框,但问题在于此对话框的透明度/不透明度.我通过设置不透明度：1.0来覆盖对话框的样式属性,但它不起作用.我想放弃对话框的透明度.我怎样才能以简单的方式实现这一目标？

我的JSF页面：

<f:view xmlns="http://www.w3.org/1999/xhtml"
....
renderKitId="PRIMEFACES_MOBILE">
....
<pm:page title="Mobile Reports">
<pm:view id="reports" swatch="b">
<h:form>
<pm:content>
<div>
<h:form>
    ....
    <p:dialog id="myDialog"
        header="ERROR"
        widgetVar="dlg"
        modal="true"
        style="opacity: 1.0;"
        appendToBody="true">
        <p:commandButton id="decline" value="Couldn't display the report!"
            onclick="dlg.hide()" type="button" />
    </p:dialog>
    ....
    <p:commandButton id="contractInfo" action="ContractInfo.xhtml"
        value="Contract Information" style="width:100%;"
        onerror="dlg.show();">
    </p:commandButton>
    ....
</h:form>
</div>
</pm:content>
</h:form>
</pm:view>
</pm:page>
</f:view>

输出：

GPRS显示在JSF页面中,它不是对话框的一部分.但是,由于对话框是透明的,因此它是可见的.

注意：
我正在使用primefaces-mobile-0.9.3.jar

我已经尝试在我的JSF页面中覆盖对话框组件的css样式
(注意！重要表达式)：

<p:dialog id="myDialog" header="ERROR" widgetVar="dlg" modal="true"
        style="background: gray !important;" appendToBody="true">
        <p:commandButton id="decline" value="Couldn't display the report!"
            onclick="dlg.hide()" type="button" />
</p:dialog>

不知怎的,现在对话框更好了,它看起来像：

但是,在我的项目中覆盖PrimeFaces库的常规样式表可能会帮助我更多地自定义对话框.

动态Web项目中样式表的路径：WebContent / assets / css / style.css这可能是面临类似问题的人的参考.