Foros del Web » Creando para Internet » HTML »

duda con estilos

Estas en el tema de duda con estilos en el foro de HTML en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 07/01/2003, 11:08
Avatar de mariog  
Fecha de Ingreso: noviembre-2002
Ubicación: Madrid
Mensajes: 195
Antigüedad: 15 años, 1 mes
Puntos: 0
duda con estilos

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
  #2 (permalink)  
Antiguo 07/01/2003, 11:19
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 15 años, 11 meses
Puntos: 17
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">
__________________
M a l d i t o F r i k i
  #3 (permalink)  
Antiguo 07/01/2003, 11:48
Avatar de joseisrael  
Fecha de Ingreso: noviembre-2002
Ubicación: Maracay, Edo. Aragua
Mensajes: 221
Antigüedad: 15 años
Puntos: 1
Exclamación Aja

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.
__________________
Aprender Siempre. Lema de Vida

José Molina
  #4 (permalink)  
Antiguo 07/01/2003, 12:24
Avatar de mikel_gomez  
Fecha de Ingreso: febrero-2001
Mensajes: 482
Antigüedad: 16 años, 9 meses
Puntos: 3
Re: Estilo para <input>

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
__________________
Mikel Gómez
Hay que aprender mucho para saber poco

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 04:09.