中学理科1627602 views
LaTeX958376 views
高校国語786269 views
数学講師2862587 views
高校倫理1435054 views
英語609386 views
高校化学2915601 views
ヒストリア285757 views
高校日本史190014 views
世界の国561517 views

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

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

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

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