Irohabook
CSS ブロック要素

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

広告

子要素の input type="text" をフォーカスしたときに親要素のボーダー(枠線)を変える CSS のコード:

<div class="parent">
    <input type="text">
</div>
.parent:focus-within {
    border: 1px solid red;
}

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

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会