JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<form>
<div class="test">
    <input id='control_1'><label for='control_1'>Name:</label>
    </div>
</form>

CSS

/*input:focus ~ label,
label:active {
    font-weight: bold;
    color:red;
}
*/

.test {
  overflow: hidden;
}
.test:hover label {
  font-weight: bold;
    color:red;
}