지원이 중단된 브라우저를 사용하고 있습니다.
브라우저 업그레이드를 통해 최적화된 화면을 볼 수 있습니다.

Home :focus-within
Post
Cancel

:focus-within

By yeojin
Posted 2022-11-01 Updated 2024-01-26 1 min read

Cross Browsing

:focus-within

view

css

  • 해당 요소의 하위 항목에 포커스가 있는 경우, 해당 요소에 스타일을 지정할 수 있음
  • form 요소에 사용하면 좋을듯 하나, 하위 버튼 요소 등에도 영향을 받을 수 있음
1
2
3
4
5

.form {
  &:focus-within {
    background-color: #dadada;
  }
}

참고

:focus-within

css
css
This post is licensed under CC BY 4.0 by the author.
Recently Updated
Contents