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

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"没有反射(reflect)。我需要添加更多标签吗？

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