如何在 asp.net 中设置 RadioButtonList 项的样式

Question

How to set RadioButtonList items placed front of each others in Asp.Net? I have a RadioButtonList with 3 items

<asp:RadioButtonList ID="RadioButtonList1" runat="server">    
    <asp:ListItem Value="1">Item1</asp:ListItem>    
    <asp:ListItem Value="2">Item2</asp:ListItem>   
    <asp:ListItem Value="3">Item3</asp:ListItem>
</asp:RadioButtonList>

我想要这个：

*项目 1 *项目 2 *项目 3

不是这个：

*项目 1

*项目 2

*项目 3

Answer 1

试试这个

  <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
                    <asp:ListItem Value="1">Item1</asp:ListItem>
                    <asp:ListItem Value="2">Item2</asp:ListItem>
                    <asp:ListItem Value="3">Item3</asp:ListItem>
                </asp:RadioButtonList>

Answer 2

在 head 的 style 标签中添加这个 class 并在 body 标签中添加 RadioButtonList 标签

 .one {
            margin: 10px;
            padding: 10px;
        }




<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
                    <asp:ListItem Value="1" Class="one">Item1</asp:ListItem>
                    <asp:ListItem Value="2" Class="one">Item2</asp:ListItem>
                    <asp:ListItem Value="3" Class="one">Item3</asp:ListItem>
                </asp:RadioButtonList>

如何在 asp.net 中设置 RadioButtonList 项的样式

How to style RadioButtonList items in asp.net

asp.net

styles