Diversas vezes precisamos alterar a distância ou a formatação do texto de um CheckBox e nao sabemos por onde começar a aplicar a CSS.
Primeiro devemos saber que um CheckBox
<asp:CheckBox ID=”CheckBox1″ Text=”Texto do CheckBox” runat=”server” />
Renderiza
<input id=”CheckBox1″ type=”checkbox” name=”CheckBox1″/>
<label for=”CheckBox1″>Texto do CheckBox</label>
Só que ao aplicar um estilo para o CheckBox:
<asp:CheckBox ID=”CheckBox1″ Text=”Texto do CheckBox” CssClass=”Style01″ runat=”server” />
Renderiza
<span class=”Style01″>
<input id=”CheckBox1″ type=”checkbox” name=”CheckBox1″/>
<label for=”CheckBox1″>Texto do CheckBox</label>
</span>
Criamos o estilo e acessamos o texto por herança:
.Style01 label
{
margin-left:40px;
color:Red;
}
e o resultado será:
<span class=”Style01″>
<input id=”CheckBox1″ type=”checkbox” name=”CheckBox1″/>
<label for=”CheckBox1″>Texto do CheckBox</label>
</span>
Obrigado,
Rodolfo
June 9th, 2010 at 2:21 pm
Oi, Muito bacana seu site… Já guardei em meus favoritos! Quando der passa no meu blog : http://sofamosidade.blogspot.com