Foros del Web » Diseño de Sitios web » 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, 15:16
Avatar de morfasto  
Fecha de Ingreso: julio-2011
Ubicación: Lima
Mensajes: 285
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, 20:45
 
Fecha de Ingreso: octubre-2011
Ubicación: oaxaca
Mensajes: 42
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, 04:27
Avatar de danihxh  
Fecha de Ingreso: octubre-2010
Ubicación: Barcelona
Mensajes: 65
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.
¿Nuevo en el foro? Regístrate



La zona horaria es GMT -6. Ahora son las 05:32.
SEO by vBSEO 3.3.2