errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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"); 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 { input[type="radio"]:checked + label::after {
content: ""; content: "";
display: block; display: block;
@ -331,6 +335,10 @@ input[type="checkbox"] + label::before {
margin-right: var(--radio-label-spacing); margin-right: var(--radio-label-spacing);
} }
input[type="checkbox"]:active + label::before {
background: var(--surface);
}
input[type="checkbox"]:checked + label::after { input[type="checkbox"]:checked + label::after {
content: ""; content: "";
display: block; display: block;