如何在 asp.net 中设置单选按钮列表项的样式

Question

如何设置单选按钮列表项目放置在彼此前面 Asp.Net？ 我有一个包含 3 个项目的单选按钮列表

<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

在 head 中添加这个类，命名为 one in style tag 并将 RadioButtonList 标签添加到 body tag

 .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>

Answer 2

试试这个

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