asp.net - 使用 CSS 标签左侧的单选按钮

Question

我一直在尝试借助 CSS 将我的单选按钮的标签移动到左侧，但似乎没有任何效果。我可以找第二双眼睛来帮助我解决这个问题吗？

asp:RadioButtonList ID="rbid" runat="server" RepeatDirection="Vertical" RepeatLayout="Table" TextAlign="left" >
                        <asp:ListItem Value="a">a</asp:ListItem>
                        <asp:ListItem Value="b">b</asp:ListItem>
                        <asp:ListItem Value="c">c</asp:ListItem>
                        <asp:ListItem Value="d">d</asp:ListItem>
                    </asp:RadioButtonList>

CSS:

    .FormArea input[type=radio]
{
  float:left;     
}

.FormArea input[type=radio] label 
{           
    float:right;

Answer 1

在您的单选按钮列表中，您设置了 TextAlign="Left" 但它被

覆盖了

.FormArea input[type=radio] label 
{           
    float:right;
}

所以它不起作用也就不足为奇了。

你有两个选择:

1. 删除两个 css 样式规则，只需在单选按钮列表中使用 TextAlign="Left" 或

2. 从单选按钮列表中删除 TextAlign="Left" 并使用以下 CSS:

   .FormArea input[type=radio] { float: right; }
   .FormArea input[type=radio] label { float: left;}
   

这两种方法都会根据需要在单选按钮左侧显示文本:

如果回答对您有帮助请标为正确