Css p:dialog中的嵌套div

我将访问

对话框表单

，以下是代码：

<div id="leftDiv">
  <div id="dialogDiv">
    <p:dialog header="Login" widgetVar="dlg1">
        <h:form id="dialogForm">
           <h:panelGrid columns="3">
               // my components
           </h:panelGrid>
        </h:form>
    </p:dialog>
   </div>
</div>

---

但不起作用。

至于

dialogForm

，生成的html的Id属性与其JSF表示不同。您可以通过单击html id属性并选择View Source来检出该属性

两种方式：

不推荐

#dialogForm{
背景色：红色；
}

jsf生成id类似于formId:component1Id:component2Id和prependId=“false”关闭当前表单的此行为

推荐

.formStyleClass{
背景色：红色；
}

不要将对话框放在表、容器（如定义了相对位置或不可见溢出的div）中，以防这些功能被破坏。这不是限制，而是DOM模型的结果。例如，布局单元内的对话框、tabview、accordion就是几个示例。同样的情况也适用于confirmDialog

---

我已经运行了这段代码，它似乎可以工作。您使用的是外部样式表吗？如果是这样，请确保目录正确。@TommyJinks是的，但是外部样式表中的其他statement工作正常！为什么将对话框放在div中，并希望使用该嵌套来影响对话框？或者换句话说，你想要实现什么。您可能会遇到一个Jsf have h:panelGroup标记，用于render HTML DIV和SPAN@0x5a4d：wj当普通div足够时，是否可以使用

h:panelGroup

？添加的每一个jsf组件都会有一点性能损失，建议不要使用prependId=“false”。当您开始使用ajax时，您会惊讶地发现'prependId=“false”不适用于ajax调用。您会对的，prependId=“false”不是一种正确的方法，只是作为一个明确的例子，我没有看到在表单上使用

样式类而不是表单的
id
的优点。