Ich versuche, den Stil einer Schaltfläche mit einem eingebetteten Bild zu ändern, wie in der folgenden Fiddle gesehen:
In dem Beispiel gibt es leider keine Bilder.
I'm trying to:
Ich habe es mit button[disabled]
versucht. Aber einige Effekte konnten nicht deaktiviert werden, z.B.
top: 1px; position: relative;
und image.
Für die deaktivierten Schaltflächen können Sie das Pseudo-Element :disabled
verwenden. Es funktioniert für alle Elemente.
Für Browser/Geräte, die nur CSS2 unterstützen, können Sie den Selektor `[disabled]' verwenden.
Wie beim Bild sollten Sie auch hier kein Bild in die Schaltfläche einfügen. Verwenden Sie CSS background-image
mit background-position
und background-repeat
. Auf diese Weise wird das Ziehen des Bildes nicht auftreten.
Auswahlproblem: Hier ist ein Link zu der spezifischen Frage:
Beispiel für den deaktivierten Selektor:
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>
Ich denke, Sie sollten in der Lage sein, eine deaktivierte Schaltfläche wie folgt auszuwählen:
button[disabled=disabled], button:disabled {
// your css rules
}
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
{
// apply css here what u like it will definitely work...
}