CSS-selector voor uitgeschakeld invoertype=”submit”

Is er een CSS-kiezer voor uitgeschakelde input type="submit"of "button"?

Moet ik gewoon input[type="submit"][disabled]gebruiken?

Werkt dat in IE6?

Antwoord 1, autoriteit 100%

Werkt dat in IE6?

Nee, IE6 ondersteunt helemaal geen attribuutkiezers, cf. CSS-compatibiliteit en Internet Explorer.

Misschien vindt u Hoe dit te omzeilen : IE6 ondersteunt geen CSS “attribuut” selectorsdie het lezen waard zijn.

BEWERKEN
Alsu IE6 wilt negeren, kunt u het volgende doen (CSS2.1):

input[type=submit][disabled=disabled],
button[disabled=disabled] {
    ...
}

CSS3 (IE9+):

input[type=submit]:disabled,
button:disabled {
    ...
}

U kunt[disabled=disabled](attribuutwaarde) vervangen door [disabled](attribuut aanwezigheid).

Antwoord 2, autoriteit 2%

Zoals gezegd door jensgram, ondersteunt IE6 geen attribute selector. Je zou een class=”disabled” kunnen toevoegen om de uitgeschakelde ingangen te selecteren, zodat dit kan werken in IE6.

Antwoord 3

Ik heb de @jensgram-oplossing gebruikt om een ​​div te verbergen die een uitgeschakelde invoer bevat. Dus ik verberg de hele ouder van de invoer.

Hier is de code:

div:has(>input[disabled=disabled]) {
    display: none;
}

Misschien kan het sommigen van jullie helpen.

Antwoord 4

Dit is in 2021. Dit is de css-selector, die voor mij werkte in Chrome en Edge (IE lijkt niet langer te worden ondersteund: https://blogs.windows.com/windowsexperience/2021 /05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/):

input[type=submit]:disabled {
    background-color: #4a4a4a;
}