CSS 和控件的问题,请熟悉CSS的高手一定要进来帮忙。
CSS 如下
.contactfieldholder {PADDING-RIGHT: 20px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}
.contactfieldholder LABEL {DISPLAY: block; FONT-SIZE: 11px;}
.contactfieldholder SPAN {DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 9px}
-----------------------
.field {BORDER-RIGHT: #fff 1px solid; }
------------------------------------
aspx 如下
<div class="contactfieldholder"><label for="gender">Gender</label>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="field ">
</asp:RadioButtonList>
</div>
这个时候RadioButtonList控件收到 class="contactfieldholder“ 的影响继承了 DISPLAY: block
控件的的text都是显示在选择项的下面了,不是在原来的左边或者右边。
请问有没有什么办法能解决这个问题,
被这个问题困挠一天了,是在不熟悉css 希望各位能帮帮忙这里先谢谢,谢谢,再谢谢了。
<div class="rightbottom"></div></div>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="">
</asp:RadioButtonList>
<div class="clear"></div></div>
------解决方案--------------------
contactfieldholder {PADDING-RIGHT: 20px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}
.contactfieldholder LABEL {DISPLAY: block; FONT-SIZE: 11px;float:left}
.contactfieldholder SPAN {DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 9px;float:left}