0
我有一個單選按鈕列表:單選按鈕列表搞砸在IE
<p>
<label for="rblIAm">I am</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>
使用CSS像這樣:
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;
}
在Chrome中,它看起來罰款:
在IE中看起來很亂:
有人可以解釋發生了什麼問題和解決辦法嗎?
感謝
我的第一個想法是,它看起來像IE是呈現單選按鈕作爲塊元素,而不是內聯一個元素,你可以提供生成的HTML? – TheLukeMcCarthy 2012-01-10 11:16:10
你能重現[JSFiddle](http://jsfiddle.net)中的錯誤嗎? – 2012-01-10 11:28:16
什麼是生成的HTML代碼?這是渲染過程中最重要的部分。 這種標記在很多方面都很奇怪 - 有'