Foros del Web » Creando para Internet » CSS »

Estilo para submit/buton disabled

Estas en el tema de Estilo para submit/buton disabled en el foro de CSS en Foros del Web. Hola, que tal? Estoy buscando la manera para ponerle un estilo a los botones que estan desactivados, pero no encuentro la manera de lograrlo. Encontre ...
  #1 (permalink)  
Antiguo 20/01/2012, 16:16
Avatar de morfasto  
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 291
Antigüedad: 12 años, 9 meses
Puntos: 8
Estilo para submit/buton disabled

Hola, que tal?

Estoy buscando la manera para ponerle un estilo a los botones que estan desactivados, pero no encuentro la manera de lograrlo.

Encontre esto:
input[type=submit][disabled]
input[type=buton][disabled]

Pero nose como cambiarle el color de la letra, ademas la letra tiene un efecto de "sombra" (algo asi) que no me permite cambiarlo.

Alguien sabe como lograrlo?

Muchas gracias!
  #2 (permalink)  
Antiguo 20/01/2012, 21:45
 
Fecha de Ingreso: octubre-2011
Ubicación: oaxaca
Mensajes: 42
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: Estilo para submit/buton disabled

no tengo las apginas ahora pero algunos ocupan javascript para eso e imagenes trata de poner css estilos form o formularios o lo mismo pero submit o algo asi si encuntro los ejemplos te lso amndo, siento no haber sido de mas ayuda
  #3 (permalink)  
Antiguo 23/01/2012, 05:27
danihxh
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Estilo para submit/buton disabled

En el código HTML tienes que especificar disabled="disabled" y también en el CSS:

Código:
input[type=button][disabled=disabled], input[type=submit][disabled=disabled], button[disabled=disabled]
{
	border: 1px solid red;
	color: green;
	background-color: yellow;
}
En IE se te seguirá viendo la sombra, así que como bien ha dicho chivassa, si no te sirve eso, tendrás que hacerlo con imágenes. Tienes que especificar value="" en los botones y aplicarles estilos con imágenes de fondo que incluyan el texto del botón:

Código:
#boton1
{
	width: 200px;
	background-image: url("img/boton1.png");
}

#boton1[disabled=disabled]
{
	background-image: url("img/boton1disabled.png");
}
Yo personalmente te recomiendo la primera ya que prefiero que el botón se vea ligeramente diferente entre diferentes navegadores, y además no creo que te cueste mucho darle un estilo que no quede mal con la sombra que IE añade al texto, que hacerlo con imágenes y arriesgarme a que en algún navegador que no lea la propiedad background-image se me vea un botón sin texto.

Etiquetas: disabled, estilo
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




La zona horaria es GMT -6. Ahora son las 18:20.