Unify element's :disabled styles to use opacity

Some elements used grey text and background when disabled, and some used
opacity. It looked a bit old school to make the elements grey when
disabled. Let's use opacity for all input elements when disabled.
This commit is contained in:
Samuel Mannehed 2022-12-09 11:27:16 +01:00
parent 1e500883f6
commit 2ff09d6f10
1 changed files with 2 additions and 5 deletions

View File

@ -176,6 +176,7 @@ textarea:focus-visible {
input:not([type]):disabled,
input[type=button]:disabled,
input[type=checkbox]:disabled,
input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
@ -184,6 +185,7 @@ input[type=image]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=range]:disabled,
input[type=reset]:disabled,
input[type=search]:disabled,
input[type=submit]:disabled,
@ -195,11 +197,6 @@ input[type=week]:disabled,
button:disabled,
select:disabled,
textarea:disabled {
color: rgb(128, 128, 128);
background: rgb(240, 240, 240);
}
input[type=checkbox]:disabled,
input[type=range]:disabled {
opacity: 0.4;
}