> Faqs > Formulario con CSS

Formulario con CSS

Tengo un formulario dentro de una capa:
<span class="codigo"> <div class="formulario">

<form action="enviarmensaje.php" method="post"> <fieldset><legend>leyenda</legend> <table width="70%" align="center"> <tr> <td width="15%"><label for="nombre">Nombre</label> <td width="55%"><input type="text" name="nombre" id="nombre" size="30" /> <input type="hidden" name="redirect" value="listo.php" /> <input type="hidden" name="recipient" value="<?php echo $autor->email; ?>" /> ....... </div> </span>

ahora, quiero cambiar el look de los campos input, textarea.
Para eso hago:

fieldset {border:none;}
label {font-weight:bold;}
input, textarea {border:1px solid #6787b8;}

pero yo solo quiero que cambie el aspecto en este formulario, NO en otros lados. (porque me pasa que en el maldito IE, los radiogroup quedan con borde alrededor y queda espantoso)

para eso, lo modifique de esta forma:
.formulario fieldset {border:none;}
.formulario label {font-weight:bold;}
.formulario input, formulario textarea {border:1px solid #6787b8;}

pero no me le da bolilla.. he probado varias sintaxis, pero es lo mismo
Agradezco cualquier sugerencia

Respuestas

Vas a tener que darle un nombre particular a los CSS para este formulario, o para los otros input por ejemplo
<span class="codigo"> <input name="Opcion" type="radio" class="ejemploCSS" value="1"> </span>

y en el CSS escribes:
input.ejemploCSS {
border:1px solid #6787b8;
}

De esta manera puedes personalizar los distintos input, o para enlaces con a.linkmenu, td.titulo, td.seccion, etc.
En tu ejemplo has generalizado demasiado, y deberías ir a lo mas particular. (cualquier cosa me escribes nuevamente si no me expresé bien).

Viviana A. Guillen