duda con estilos

[mariog]

mi duda es la siguiente.

Tengo definido un estilo para los input de la siguiente manera

input { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #E10000; border: #E10000; border-style: solid; border-top-width: 1px; border-right-width: 20px; border-bottom-width: 1px; border-left-width: 20px}

y claro, con esto, todas las etiqutas input se me cambian, pero hay unas, los radio, quequiero que se mantengan totalmente normales, es decir, q a ellos no les influya el estilo.

como puedo hacer eso??

muchas gracias

[Cain]

Lo mejor sería que crearas una clase para los input que quieres modificar:

Código:

 input.formulario { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #E10000; border: #E10000; border-style: solid; border-top-width: 1px; border-right-width: 20px; border-bottom-width: 1px; border-left-width: 20px}

Y luego la llames en todos los elementos de formulario que quieras cambiar.

<input type="text" name="campo" class="formulario">

A los elementos que no quieras cambiar, no les indiques ningún nombre de clase.

<input type="checkbox" name="casilla">

[joseisrael]

Saludos.

Cuidado cuando le apliques esa clase a los campos tipo SUBMIT. Puede que no te aparezca la "manito" cuando posiciones el cursor sobre ellos.

Eso lo puedes solucionar agregardo la característica "cursor:hand" a la clase.

Suerte.

[mikel_gomez]

CSS 2 contempla esa posibilidad (http://www.w3.org/TR/REC-CSS2/select...bute-selectors), permitiendo definir un estilo para un elemento con un atributo determinado de la siguiente manera:

Código:

<style type="text/css">
input[type="text"] { ...estilos... }
</style>

Mozilla y Netscape si funcionan de esta manera. Microsoft Internet Explorer no.
Por lo que de momento me quedo con la solución de Cain.

Saludos,
Mikel