Question

我有一个简单的单选按钮组（性别）。在编辑模式下，按钮组（IE，Firefox）周围有一个灰色/银色边框。它位于表格的单元格内，该表格位于嵌入X页面上另一个面板的面板内。我没有使用任何主题或任何东西。我已经尝试了几天使用我在SO和其他网站上找到的所有建议，但没有任何工作。我还尝试了一个空白的Xpage，只放了一个无线电组，它仍然有边框。这必须是每个xpage开发人员都能看到的问题。关于如何摆脱这个边界的任何建议？

<xp:table style="width:100.0%; border-bottom:1px solid blue;margin-bottom:20.0px">
<xp:tr>
<xp:td styleClass="Q1" align="left">What is your gender?
</xp:td>
</xp:tr>
<xp:tr>
<xp:td style="padding-left:40.0px" align="left">
<xp:radioGroup id="Feeding" styleClass="A2" value="#{document1.Gender}">
<xp:selectItem itemLabel="Male" itemValue="Male">
</xp:selectItem>
<xp:selectItem itemLabel="Female" itemValue="Female">
</xp:selectItem>
</xp:radioGroup></xp:td>
</xp:tr>
</xp:table>

Answer 1

第一种选择：使用样式：

...
<xp:radioGroup id="Feeding" styleClass="A2" style="border:0px;" value="#{document1.Gender}">
...

第二种选择：将以下规则添加到CSS中：

fieldset.A2 {
    border: 0 none;
}

Xpages无线电组边界

1 个答案: