Sto cercando di cambiare lo stile di un pulsante con un'immagine incorporata come si vede nel seguente Fiddle:
Nell'esempio non ci sono immagini, temo.
Ci sto provando:
colore di sfondo
del pulsante quando è disabilitatoHo provato a fare in button[disabled]
. Ma alcuni effetti non possono essere disabilitati. come
top: 1px; posizione: relativa;
e immagine.
Per i pulsanti disabilitati puoi usare lo pseudo-elemento :disabled
. Funziona per tutti gli elementi.
Per i browser/dispositivi che supportano solo i CSS2, puoi usare il selettore [disabled]
.
Come per l'immagine, non mettere un'immagine nel pulsante. Usa CSS background-image
con background-position
e background-repeat
. In questo modo, il trascinamento dell'immagine non avverrà.
Problema di selezione: qui c'è un link alla domanda specifica:
Esempio per il selettore disabilitato:
button {
border: 1px solid #0066cc;
background-color: #0099cc;
color: #ffffff;
padding: 5px 10px;
}
button:hover {
border: 1px solid #0099cc;
background-color: #00aacc;
color: #ffffff;
padding: 5px 10px;
}
button:disabled,
button[disabled]{
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
}
div {
padding: 5px 10px;
}
<div>
<button> This is a working button </button>
</div>
<div>
<button disabled> This is a disabled button </button>
</div>