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 margin: 0 2px;19 }20 21 .properties label input {22 display: none;23 }24 25 .properties label input:checked + tt {26 background-color: dodgerblue;27 color: white;28 }29 30 input.rule:not(:checked) + div {31 color: gray;32 }33 34 input.rule:not(:checked) + div .properties label input:checked + tt {35 color: gray;36 background-color: silver !important;37 }
Enlace
El enlace para compartir es: