Hur sätter man färg runt själv radiobutten eller checkboxen? Det är så att checkbox och radiobutton i asp:net är wrappat med en span och det är den span tagen som får cssclass och style från controllen. men det går att lösa med en css class enligt följande Nu har jag provat ett otal varianter och inget biter Kan med all säkerhet säga att det inte är någonting med vilken editor du använt för att spara filen. Strunta i att det är asp.net; någonting, någonstans ställer till det i din html/css-kod. ursäkta var lite otydlig (eller snarare jag missade en liten detalj , du ska sätta class="mycheckbox" på checkboxen Tack Oskar för att du fick mig på rätt spårSätta färg på ramen runt radiobutton / Checkbox
BackColor sätter färgen bakom texten efter men runt
själva radiobutton eller checkboxen är det fortfarande vitt?Sv: Sätta färg på ramen runt radiobutton / Checkbox
span.CheckBox input { /* dina styles */ }
Sv:Sätta färg på ramen runt radiobutton / Checkbox
Ex Checkboxen heter chbEpost
Den här koden
<asp:CheckBox ID="chbEpost" runat="server"
BackColor="transparent"
Checked="false"
Text="Epostbekräftelse"
Width="250px" />
renderar detta
<span style="display:inline-block;background-color:Transparent;width:250px;">
<input id="ctl00_ContentPlaceHolder1_chbEpost" type="checkbox" name="ctl00$ContentPlaceHolder1$chbEpost" />
<label for="ctl00_ContentPlaceHolder1_chbEpost">Epostbekräftelse</label></span>
Om jag i Codebehind skriver
chbEpost.Style.Add("background-color", "transparent")
renderar det detta
<span style="display:inline-block;width:250px;background-color:transparent;">
<input id="ctl00_ContentPlaceHolder1_chbEpost" type="checkbox" name="ctl00$ContentPlaceHolder1$chbEpost" />
<label for="ctl00_ContentPlaceHolder1_chbEpost">Epostbekräftelse</label></span>
om jag anger en css class enligt
span.CheckBox input {
background-color:Transparent;
}
så blir det fortfarande samma resultat
Försökte även med
.CheckBoxTrans {
background-color:Transparent;
}
och
<code asp.net>
<asp:CheckBox ID="chbEpost" runat="server"
CssClass="CheckBoxTrans"
Checked="false"
Text="Epostbekräftelse"
Width="250px" />
vilket gav detta utan resultat
<span class="CheckBoxTrans" style="display:inline-block;width:250px;">
<input id="ctl00_ContentPlaceHolder1_chbEpost" type="checkbox" name="ctl00$ContentPlaceHolder1$chbEpost" />
<label for="ctl00_ContentPlaceHolder1_chbEpost">Epostbekräftelse</label></span>
Börjar tro att det har något med Visual Studio
Använder VS2005 för detta
Har testat både i VWD2005 Express och VWD2008 Express och
där visas både checkboxar och radiobuttons utan
vit ram
Börjar bli trött på detta nu
Sv: Sätta färg på ramen runt radiobutton / Checkbox
Sv:Sätta färg på ramen runt radiobutton / Checkbox
<style type="text/css">
span.mycheckbox input
{
border: solid 1px red;
}
</style>
<asp:CheckBox class="mycheckbox" ID="CheckBox1" runat="server" Text="whatever" />Sv:Sätta färg på ramen runt radiobutton / Checkbox
Felet låg i en CSS fil jag hämtat från StoraEnso centralt
Nu visas det OK