Xpages 单选组边框

Question

我有一个简单的单选按钮组（性别）。在编辑模式下，按钮组（IE、Firefox）周围有一个灰色/银色的细边框。它位于表格的单元格内，该单元格位于嵌入在 Xpage 上的另一个面板中的面板内。我没有使用任何主题或任何东西。我已经尝试了几天使用我在 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;
}