Darle un estilo al boton deshabilitado

[sadzas]

Que tal?

Todos saben que el boton grisado cambia el aspecto para avisar que no esta habiilitado...

Algo como esto:



Pero el problema es cuando se le da un estilo al boton, como esto:



El estilo se lo di de la siguiente forma:

Código:

.boton  
{
        font-size:10px;       
        font-family:Verdana,Helvetica;
        font-weight:bold;   
        color:white;   
        background:#638cb5;
        border:0px;  
        height:19px;
}

Como le doy estilo al boton grisado??

gracias!

[DragonX]

Código CSS:

.botonGrisado 
{
        font-size:10px;       
        font-family:Verdana,Helvetica;
        font-weight:bold;   
        color:white;   
        background:#666;
        color:#ccc;
        border:0px;  
        height:19px;
}
 

[sadzas]

Iniciado por DragonX

Código CSS:

.botonGrisado 
{
        font-size:10px;       
        font-family:Verdana,Helvetica;
        font-weight:bold;   
        color:white;   
        background:#666;
        color:#ccc;
        border:0px;  
        height:19px;
}
 

Si, agregaste un valor.. pero como lo hago dinamicamente? para que al estar grisado, cambie el estado?

[DragonX]

lo que deberias cambiar dinamicamente es el class, no el CSS

[sadzas]

Iniciado por DragonX

lo que deberias cambiar dinamicamente es el class, no el CSS

claro, pero eso es lo que no se.

Puedo definir por ejemplo el estado hover! pero no se como definir el estado deshabilitado!

me explico?

[jomaruro]

Hola:

Pues tendrás que hacerlo con algún lenguaje como javascript, por ejemplo.

Saludos.

[alexk]

igual puedes usar un selector CSS3 con su atributo "disabled", es decir,

Código CSS:

input[disabled="disabled"]{ background:#000;}
 

claro que no funcionaria en todos los navegadores siendo un selector CSS3
creo que como te indica jomaruro con js seria mas compatible para otros navegadores que tengan activado este.