I want my input box to be visible when a slider is selected. My css code is:
CSS:
input:not(:checked) + .slider2:before {
content:"Informal";
.new {
type: "visible";
}
}
HTML:
<label class="switch">
<input type="checkbox" checked>
<div class="slider"></div>
</label>
<input id="new" type="hidden">
...but it's not working. How can I have it so when input:not(:checked) + .slider2:before
is True, set properties of .new
? I am open to changing the display, not the input type.
new
...