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; 
}