Radiobuttonlist字体无法改变的原因分析

相信肯定有人遇到过想去改变radiobuttonlist的字体，但是通过css却无法改变的问题。 本文指出个中缘由，并提供两种解决办法：

 

假设我们有一个radiobuttonlist，且这个radiobuttonlist在一个table里：

<asp:RadioButtonList ID="rbl_Greeting" runat="server" RepeatDirection="Vertical" RepeatLayout=Table CellPadding=4> </asp:RadioButtonList>

 

我们写css代码改变其字体大小：

#rbl_Greeting { font-size: 13px; }

 

但是没效果，radiobuttonlist依然使用其外围元素td的字体大小。

 

思考，为什么会这样。查看一下解释器解释后输出的页面代码(推荐用Firebug )，不难发现radiobuttonlist被解释成了table输出，每一个listitem都被放在一个td里。这样，我们就至少有了两种解决办法：

 

1. 把css代码改为：

#rbl_Greeting { font-size: 13px; }

 

2. 改变radiobuttonlist的RepeatLayout属性：

<asp:RadioButtonList ID="rbl_Greeting" runat="server" RepeatDirection="Vertical" RepeatLayout="Flow"> </asp:RadioButtonList>

 

RepeatLayout属性的默认值为"Table"，意思是radiobuttonlist将会以table形式输出。MSDN上的定义是：

 

Property Value

Type: System.Web.UI.WebControls. RepeatLayout
A value that specifies whether the list will be rendered by using a table element, a ul element, an ol element, or a span element. The default is Table .

 

 

我们将其改为"Flow"，这样输出以后的radiobuttonlist是包含在<span></span>里的，这时我们最先用的css就有效果了。