input:focus {
color: red;
}
focus는 타켓 엘리먼트 자체에만 적용된다.
타켓 엘리먼트 내부에도 영향을 미치고 싶다면 focus-within
을 사용할 것
https://webdesign.tutsplus.com/tutorials/css-pseudo-class-focus-visible--cms-37211
https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=ndb796&logNo=221406934376