中学数学624816 views
小学算数1202941 views
いろは3021752 views
世界の国566722 views
中学社会669775 views
教育149914 views
小学理科721270 views
高校倫理1443364 views
ヒストリア293808 views
中学理科1632943 views
Help
Tools

English

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

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

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

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