Xpages 控制Xpage中表单表中复选框组的间距

我的应用程序在表单布局行中有一个复选框组，该复选框组位于表单表中

我想控制字体的重量和间距等，似乎我不能。如果复选框组位于表单表之外，则我的css工作，但不在表单表之内。我相信这是因为表单布局表生成的表没有改变。我只想在表单行上更改该行内部的间距

以下是表单布局行内复选框的代码：

<xe:formRow id="formRow4"
                            labelPosition="inherit" label="Area">
                            <xp:checkBoxGroup id="checkBoxGroup2"
                                layout="pageDirection" styleClass="threeColumnCheckBoxGroup"
                                style="font-size:8pt;font-style:normal">
                                <xp:selectItems>
                                    <xp:this.value><![CDATA[#{javascript:var tmp:String = viewScope.application;
var tmpLst = []; 

if (tmp == "OTM")
{
tmpLst.push("User Interface");
tmpLst.push("Rating/Planning");
tmpLst.push("Tendering/Booking");
tmpLst.push("Documentton");
tmpLst.push("Finance");
}

if (tmp = "GTM")
{
tmpLst.push("Parting Screening");
tmpLst.push("AES Filing");
tmpLst.push("AMS Filing");
tmpLst.push("Product Classification");
}

return tmpLst}]]></xp:this.value>
                                </xp:selectItems>
                            </xp:checkBoxGroup>
                        </xe:formRow>

---

您是否检查了HTML输出以查看它将什么类放在表单表中的内容上？示例代码styleClass=threeColumnCheckBoxGroup vs.threeColumnCheckBoxGroup中有一个输入错误这看起来完全取决于生成的输出在DOM中的行为。默认CSS中可能有一些细节阻碍了我们。

<xp:checkBoxGroup id="checkBoxGroup4" layout="pageDirection" styleClass="threeColumnCheckBoxGroup" style="font-size:8pt;font-style:normal">
                                <xp:selectItems>
                                    <xp:this.value><![CDATA[#{javascript:var tmp:String = viewScope.application;
var tmpLst = []; 

if (tmp == "OTM")
{
tmpLst.push("User Interface");
tmpLst.push("Rating/Planning");
tmpLst.push("Tendering/Booking");
tmpLst.push("Documentton");
tmpLst.push("Finance");
}

if (tmp = "GTM")
{
tmpLst.push("Parting Screening");
tmpLst.push("AES Filing");
tmpLst.push("AMS Filing");
tmpLst.push("Product Classification");
}

return tmpLst}]]></xp:this.value>
                                </xp:selectItems>
                            </xp:checkBoxGroup

.xspCheckBox { width: 500px; /* change to your preferred width */ }
.xspCheckBox td { white-space: nowrap; padding-bottom:3px; }


.threeColumnCheckboxGroup { display: inline; }
.threeColumnCheckboxGroup td { float: left; width: 24%; padding-bottom:3px; }