1 html {2 font-family: sans-serif;3 }4 5 .rule {6 border: solid silver 1px; padding: 4px; border-radius: 4px;7 margin: 2px;8 }9 10 .properties {11 margin: 2px 0;12 }13 14 .properties label tt {15 padding: 2px;16 border-radius: 2px;17 cursor: pointer;18 }19 20 .properties label input {21 display: nonex;22 }23 24 .properties label input:checked + tt {25 background-color: dodgerblue;26 color: white;27 }28 29 input.rule:not(:checked) + div {30 color: gray;31 }32 33 input.rule:not(:checked) + div .properties label input:checked + tt {34 color: gray;35 background-color: silver !important;36 }
Enlace
El enlace para compartir es: