CSSで子要素のinputがフォーカスされたときに親要素の枠線を変える：focus-withinを使う

子要素の input type=“text” をフォーカスしたときに親要素のボーダー（枠線）を変える CSS のコード：

<div class="parent">
    <input type="text">
</div>

.parent:focus-within {
    border: 1px solid red;
}

親要素の focus-within を指定します。