Comunidad de diseño web y desarrollo en internet online

Problema con css en Forms

Citar            
MensajeEscrito el 13 Jul 2010 07:37 pm
Hola a todos, me encontre con un problema que la verdad me esta matando pero capaz que es sencillo para uds.

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

Por ANDRESCABEZA

13 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Jul 2010 07:41 pm
perdón, me pasa también con checkboxes

Por ANDRESCABEZA

13 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Jul 2010 08:29 pm
input[type=text] etc, solo que no te servira con IE.

Lo mas sano es que le pongas una clase (class="text", class="checkbox") y asi, para ponerles los estilos por separado.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 13 Jul 2010 08:41 pm
Muchas gracias Ramm, pensé que había una forma para marcarle "genéricamente" al css los estilos para los radio y los checks, pero voy a hacer lo que me decís


saludos

Por ANDRESCABEZA

13 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.