CSSで子要素のinputがフォーカスされたときに親要素の枠線を変える:focus-withinを使う
子要素の input type="text" をフォーカスしたときに親要素のボーダー(枠線)を変える CSS のコード:
<div class="parent">
<input type="text">
</div>
.parent:focus-within {
border: 1px solid red;
}
親要素の focus-within を指定します。
ブロック要素
-
CSSで最初(最後)の要素だけのマージンや幅を変える02889