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

【问题标题】：How to style RadioButtonList items in asp.net如何在 asp.net 中设置 RadioButtonList 项目的样式
【发布时间】：2015-01-21 07:30:16
【问题描述】：

如何在Asp.Net中设置RadioButtonList项放在彼此前面？我有一个带有 3 个项目的 RadioButtonList

<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

【问题讨论】：

标签： asp.net styles

【解决方案1】：

在head的style标签中添加一个名为one的类，在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>

【讨论】：

谢谢。这是有效的。我认为它不起作用，因为 VS2013 写了 Attribute 'class' is not valid attribute for 'ListItem'

【解决方案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>

【讨论】：

谢谢。问题已解决，但我无法为每个 ListItems 设置样式。我该怎么办？
你想要什么风格？
我要为它们一个一个设置边距和内边距