JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input />
    <div class="background-hack"></div>
  </div>

CSS

input {
    position: relative;
    z-index: 2;
}
input:focus,
input:focus + div { background-color: red }
div {
    position: relative;
    background-color: blue;
}
div.background-hack {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}