表中的 C# ASP.Net RadioButtonList：<td> 边框也创建边框周围的列表项答案

【问题标题】：C# ASP.Net RadioButtonList within table: <td> border also creating border arount LIST ITEMS表中的 C# ASP.Net RadioButtonList：<td> 边框也创建边框周围的列表项
【发布时间】：2012-03-12 03:45:30
【问题描述】：

我创建了一个表格，表格周围的边框折叠起来，每个<td> 上都有一个小的灰色边框。然而，边框也围绕着每个单选按钮项目。单选按钮上的边框属性似乎会影响另一个边框。如何从单选按钮列表项中删除在 <td> 标签上创建的边框？

    <tr>
        <td colspan="2">
                <asp:Label ID="lblJoint"  CssClass="boldIt" runat="server" Text="Is this for a joint account?" style="float: left; width: 200px;"></asp:Label>&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:RadioButtonList ID="rdlJoint" runat="server" RepeatDirection="Horizontal" Width="130px" style="float: left;" BorderStyle="None">
                    <asp:ListItem>Yes</asp:ListItem>
                    <asp:ListItem Selected="True">No</asp:ListItem>
                </asp:RadioButtonList>
        </td>
    </tr>

【问题讨论】：

dotnetslackers.com/Community/forums/…
我已经将 Border-Width 设置为 0；我在 RadioButtonList 项目上的边框来自标签。
你试过table border="0"或border-collapse吗？
我想要每个单元格的边框（），并且我在表格上设置了边框折叠。问题是边框也在单选按钮项目周围设置边框。

【解决方案1】：

为 RadioButtonList 使用 FlowRepeatLayout 或为其创建新的 css 类：table.noBorder td { border: none; } 并将此类用于您的单选按钮列表

【讨论】：

【解决方案2】：

苏珊，据我所知，当使用 asp radiobuttonlist 方法时，默认情况下它会创建一个表，其中每个单选按钮作为单独的 td。新创建的表继承了下一个表的 css 类。如果您使用 'RepeatLayout="Flow"' 属性，它将使用您在单选按钮列表定义中定义的 cssclass 将它们转换为跨度。希望对您有所帮助。

糟糕，刚刚看了日期。这有点旧，但可能会有所帮助。

【讨论】：

【解决方案3】：

将style="border: none;" 作为属性添加到 td 元素

【讨论】：

我需要元素的边框，而不是单选按钮项。
对不起，我的错;)。您可以做的是使用 Firebug（Firefox 插件 -> 辉煌）检查生成的 html/css。它将向您展示使用了哪些 css 以及它的定义位置。这至少是一个好的开始。

【解决方案4】：

当 Asp.Net 被解释为 HTML 时，默认情况下，标签放置在每个单选按钮项周围。如果您在表格中的元素上设置了样式，它也将被单选按钮元素继承。要在样式关闭时关闭边框，请在单选按钮控件上使用以下属性：RepeatLayout="Flow"。

单选按钮控件上的边框属性是一个单独的边框。

【讨论】：