tengo estilos en mi hoja css genericos para un form:
Código :
label
{
width: 130px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:#666666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
.submit input
{
margin-left: 5px;
}
textarea
{
width:250px;
color: #333333;
background: #f1f1f1;
border: 1px solid #b1b1b1;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
textarea:focus {
width:250px;
background-color: #415160;
border: 1px solid #419f12;
cursor:crosshair;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
input{
width:250px;
color: #333333;
background: #f1f1f1;
border: 1px solid #b1b1b1;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
input:focus {
width:250px;
background-color: #415160;
border: 1px solid #419f12;
cursor:crosshair;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}
.submit input
{
color: #ffffff;
background: #22343a;
border: 0px solid #7a7a7a;
}
fieldset
{
width: 520px;
background-image: url(imgs/bg_form.gif);
background-repeat: repeat-x;
background-position: top;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #727272;
border-right-color: #727272;
border-bottom-color: #727272;
border-left-color: #727272;
}
legend
{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#ffffff;
background-color:#000000;
}
el tema que al colocar en ese form un radio button, " <input type="radio" name="radio" id="radio" value="radio" /> "
me toma los estilos para el input y no encuentro la manera para desligarlo de esos estilos
agradezco MUCHISIMO la ayuda que me puedan dar desde ya
Saludos
