Styling radio button backgrounds

duklaprague
avatar
rank newbie

newbie


Posts: 9
Joined: 2006-06-29

Posted: Thu, 2008-05-15 20:35

I'm just trying to stye the background of some radio buttons so that they blend into their background better. They actually seem OK in Safari and Firefox, but have a box around them in IE(6).

The CSS looks like :

form {
border: 0px;
padding: 0px;
}
input, textarea {
background-color: #FFFFFF;
border: 0px solid #444A6C;
color: #444A6C;
}
.prefer {
background-color: #B6BACB;
border: 0px;
}
input.file {
background-color: #FFFFFF;
border: 1px solid #444A6C;
color: #876220;
}
#form1 table {
background-color: #F9FBFD;
color: #000000;
border: 1px solid #FFFFFF;
border-collapse: collapse;
}
#form1 td {
border: 1px solid #FFFFFF;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 3px;
}
.labelcell {
background-color: #424869;
color: #ffffff;
}
.fieldcell {
background-color: #B6BACB;
color: #424869;
}

With the HTML :

<label>
<input name="RadioGroup1" type="radio" value="No preference" class="prefer" checked>No preference</label>

etc

If anyone could let me know where I'm going wrong with this, that would be great.

Thanks.