JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <input type="checkbox" id="mycheckbox" class="mycheckbox" />
    <label for="mycheckbox">
        <div class="changing">probably not a very
            <br/>good idea</div>
    </label>
</div>

CSS

.changing {
    background:red;
}
input[type=checkbox].mycheckbox:checked ~ label div {
    background:green;
}
.mycheckbox {
    visibility:hidden;
    position:absolute;
}