glm94/html-testing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed the background color for a disabled radio button.

Browse Source
This commit is contained in:
glm94
2025-01-24 01:10:32 -06:00
parent 445002ae89
commit 51a57ca809
1 changed files with 5 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
low-contrast.css
+5 -17
View File
@@ -35,14 +35,10 @@ input[type=checkbox]::before {
box-shadow: inset 1em 1em var(--main-font-color); box-shadow: inset 1em 1em var(--main-font-color);
} }
input[type="checkbox"]:focus { input[type="checkbox"]:focus, input[type="radio"]:focus {
border: var(--border-focus-style); border: var(--border-focus-style);
} }
input[type="checkbox"]:disabled {
border: var(--border-disabled-style);
}
input[type="radio"] { input[type="radio"] {
border: var(--border-style); border: var(--border-style);
} }
@@ -52,21 +48,12 @@ input[type="radio"]::before {
box-shadow: inset 1rem 1rem var(--main-font-color); box-shadow: inset 1rem 1rem var(--main-font-color);
} }
input[type=radio]:checked { input[type="button"] {
background-color: var(--main-bg-color);
border: var(--border-focus-style);
}
input[type="radio"]:disabled {
border: var(--border-disabled-style);
}
input[type=button] {
border: var(--border-style); border: var(--border-style);
} }
/*On button press / hold*/ /*On button press / hold*/
input[type=button]:active { input[type="button"]:active {
border: 3px solid var(--alt-bg-color); border: 3px solid var(--alt-bg-color);
} }
@@ -74,6 +61,7 @@ input[type=button]:active {
color: var(--main-font-color); color: var(--main-font-color);
} }
*:disabled { *:disabled, input:disabled {
background-color: var(--disabled-bg-color); background-color: var(--disabled-bg-color);
border: var(--border-disabled-style);
} }