日期:2014-05-18  浏览次数:20402 次

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}