Jeg prøver å endre stilen på en knapp med et innebygd bilde som vist i følgende fele:
I eksemplet er det ingen bilder, er jeg redd.
Jeg prøver å gjøre det:
Jeg prøvde å gjøre i knapp[deaktivert]
. Men noen effekter kunne ikke deaktiveres. som
top: 1px; posisjon: relativ;
og bilde.
For deaktiverte knapper kan du bruke pseudo-elementet :disabled
. Det fungerer for alle elementene.
For nettlesere/enheter som bare støtter CSS2, kan du bruke [disabled]
-velgeren.
Som med bildet, ikke legg inn et bilde i knappen. Bruk CSS background-image
med background-position
og background-repeat
. På den måten vil ikke bildet dras.
Valgproblem: her er en lenke til det spesifikke spørsmålet:
Eksempel for den funksjonshemmede velgeren: **.
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>