JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" />
		<select>
			<option>On</option>
			<option>Off</option>
		</select>
		<div id="on">Toller Text</div>
		<div id="off">Langweiliger Text</div>

CSS

input ~ #on {
				display: none;
			}
			input ~ #off {
				margin: 1em;
				border: solid blue 1px;
				display: block;
			}
			input:checked ~ #on {
				margin: 1em;
				border: solid red 1px;
				display: block;
			}
			input:checked ~ #off {
				display: none;
			}
			select option {
				color: blue;
			}
			select option[selected] {
				color: red;
			}