Xpages无法控制表单行表中的间距

我无法控制表单表格中表单布局的间距。我想在每行之间留出一些空间，这样事情就不会那么拥挤了。开箱即用，如下所示：

我曾尝试在每一行中添加填充和边距，并在CSS库中添加了一些代码：

.lotusForm tr.lotusFormFieldRow td, .lotusForm td.lotusFormFieldRow {
    padding-bottom: 50px;
}

我做错了什么

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xp:this.data>
        <xp:dominoDocument var="document1" formName="PCInventory"></xp:dominoDocument>
    </xp:this.data>
    <xe:formTable id="frInventory" disableErrorSummary="true"
        disableRowError="true" formTitle="Inventory" labelWidth="100px"
        labelPosition="left">
        <xp:this.facets></xp:this.facets>
        <xe:formRow id="formRow3" labelPosition="inherit"></xe:formRow>
        <xe:formRow id="formRow2" labelPosition="inherit"
            label="Serial Number" style="padding-bottom:20.0px">
            <xp:inputText value="#{document1.computerName}"
                id="computerName1" style="width:150px">
            </xp:inputText>
            <xp:message id="message2" for="computerName1" />
        </xe:formRow>
        <xe:formRow id="formRow8" labelPosition="inherit"
            label="Model">
            <xp:inputText value="#{document1.computerName}"
                id="inputText6" style="width:150px">
            </xp:inputText>
            <xp:message id="message1" for="computerName1" />
        </xe:formRow>
        <xe:formRow id="formRow1" labelPosition="inherit"
            label="Office /Location">
            <xp:inputText value="#{document1.computerName}"
                id="inputText1" style="width:150px">
            </xp:inputText>
        </xe:formRow>
        <xe:formRow id="formRow5" labelPosition="inherit"
            label="Check In Date">
            <xp:inputText value="#{document1.computerName}"
                id="inputText3" style="width:150px">
            </xp:inputText>
        </xe:formRow>
        <xe:formRow id="formRow6" labelPosition="inherit"
            label="Check Out Date">
            <xp:inputText value="#{document1.computerName}"
                id="inputText4" style="width:150px">
            </xp:inputText>
        </xe:formRow>
        <xe:formRow id="formRow7" labelPosition="inherit"
            label="Notes">
            <xp:inputText value="#{document1.computerName}"
                id="inputText5" style="width:150px">
            </xp:inputText>
        </xe:formRow>
    </xe:formTable>
    </xp:view>

---

将此css添加到XPage：

tr.lotusFormFieldRow > td
{
  padding-bottom: 20px;
}

---

将此css添加到XPage：

tr.lotusFormFieldRow > td
{
  padding-bottom: 20px;
}

---

克努特，这行得通，但我不知道为什么行得通。我在Xpages中使用了FireBug并查看了css，得出了上面的结论（参见原始问题）。在Xpage中，当我在右边的列中更改Firebug中的代码时，它就工作了。但是当我把上面的代码片段添加到我的自定义css中时，它没有。。。td。它为每一个表格单元格设置底部填充。克努特，这是可行的，但我不知道为什么它会有效。我在Xpages中使用了FireBug并查看了css，得出了上面的结论（参见原始问题）。在Xpage中，当我在右边的列中更改Firebug中的代码时，它就工作了。但是当我把上面的代码片段添加到我的自定义css中时，它没有。。。td。它将填充底部设置为每个表单元格。