Question

我有一个如下所示的单选按钮，我无法删除IE中该单选按钮的边框。这同样适用于Chrome。

<fieldset id="fsdeSign">
            <table width="98%">
                <tr>
                    <td align="right" colspan="2">
                        <div id="divName" runat="server" visible="false">
                            <span>
                                <label class="required" runat="server" id="Label1" style="width: 90px">
                                    <span id="NameSpan" runat="server">*</span>Name</label></span>                           
                            <asp:TextBox ID="textName" runat="server" MaxLength="20"></asp:TextBox>
                        </div>
                    </td>

                    <td align="right">
                        <asp:Label ID="lblaccount" Style="display: none" runat="server" Width="155px"
                            Text="Would you like to use your account?"></asp:Label>
                    </td>
                    <td align="left">
                        <asp:RadioButtonList ID="rblaccount" runat="server" Style="display: none;border-style:none;" RepeatDirection="Horizontal">
                            <asp:ListItem Value="Yes" Text="Yes" />
                            <asp:ListItem Value="No" Text="No" Selected="True" />
                        </asp:RadioButtonList>
                    </td>                    
                </tr>
            </table>
        </fieldset>

我使用了下面没有反映的cssclass =“Sign”。我还需要添加更多标签吗？

fieldset#fseSign  input.Sign
{
    border-style:none;
}

Answer 1

尝试在BorderStyle="None"中添加<asp: RadioButtonList>。您的代码应如下所示：

<asp:RadioButtonList ID="rblaccount" runat="server" Style="display: none" RepeatDirection="Horizontal" BorderStyle="None">
    <asp:ListItem Value="Yes" Text="Yes" />
    <asp:ListItem Value="No" Text="No" Selected="True" />
</asp:RadioButtonList>

在任何情况下，请尝试查看此类似案例here。如果它不起作用，您还可以通过以下方式编辑其css：

input[type="radio"] {
    border-style:none;
}

Answer 2

尝试此字段集#fsdeSign输入 {border-style：none;}

如何删除asp.net单选按钮的边框

2 个答案: