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; border: none;
display: inline; display: inline;
} }
*/
input { input {
position: absolute; position: absolute;
opacity: 0; opacity: 0;
} */ }
label span { label span {
border-color: red; display: none;
} }
label:first-of-type span { label:first-of-type span {
border-color: black; display: inline-block;
} }
label:has(input:checked) span { label:has(input:checked) span {
border-color: red; display: none;
} }
label:has(+ label input:checked) span { label:has(+ label input:checked) span {
border-color: red; display: none;
} }
label:has(input:checked) + label span { label:has(input:checked) + label span {
border-color: black; display: inline-block;
} }
image#img1 { image#img1 {