ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IT WORKS! 3-state selector with pure CSS!

Browse Source
This commit is contained in:
Catalin Mititiuc 2024-03-23 15:02:20 -07:00
parent 6ea86c77f5
commit 1935310fbf
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
style.css
View File

@ -161,30 +161,31 @@ input:checked + label + input + label {
border: none;
display: inline;
}
*/
input {
position: absolute;
opacity: 0;
} */
}
label span {
border-color: red;
display: none;
}
label:first-of-type span {
border-color: black;
display: inline-block;
}
label:has(input:checked) span {
border-color: red;
display: none;
}
label:has(+ label input:checked) span {
border-color: red;
display: none;
}
label:has(input:checked) + label span {
border-color: black;
display: inline-block;
}
image#img1 {