davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

Add :active state to radio and checkbox inputs

Browse Source
This commit is contained in:
Cássio Hübner
2020-04-25 19:52:05 +02:00
parent 6f3ca5b6b1
commit 747288d0d1
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
style.css
View File

@@ -290,6 +290,10 @@ input[type="radio"] + label::before {
background: svg-load("./icon/radio-border.svg");
}
input[type="radio"]:active + label::before {
background: svg-load("./icon/radio-border-disabled.svg");
}
input[type="radio"]:checked + label::after {
content: "";
display: block;
@@ -331,6 +335,10 @@ input[type="checkbox"] + label::before {
margin-right: var(--radio-label-spacing);
}
input[type="checkbox"]:active + label::before {
background: var(--surface);
}
input[type="checkbox"]:checked + label::after {
content: "";
display: block;