I have a selection of options in a RadioButtonList:
<p>
<label for="rblIAm">I identify as</label>
<asp:RadioButtonList ID="rblIAm" ValidationGroup="RegForm" runat="server">
<asp:ListItem Text="Gay" Value="Gay"></asp:ListItem>
<asp:ListItem Text="Bisexual" Value="Bisexual"></asp:ListItem>
<asp:ListItem Text="Straight" Value="Straight"></asp:ListItem>
</asp:RadioButtonList>
</p>
Here is the CSS style being applied:
label {
float: left;
width: 10em;
font-size: 90.9%;
padding-left: 1em;
}
input {
background-color: #000;
border: 1px solid #fff;
color: #fff;
font-size: 90.9%;
height: 20px;
clear: right;
}
input[type=radio] {
height: 11px;
border: none;
border-color: transparent;
}
The display appears correctly in Chrome, but not in IE. Any insights on why and how to fix it would be greatly appreciated!
Thank you.