Trouble shooting note - kordobby/leetrue-ui-library GitHub Wiki

1. 자식 요소의 focus 이벤트에 따른 css 변경

아래와 같은 구조일 때, input focus 이벤트에 따라서 input이 아닌 div의 border를 바꿔주고 싶을 때, css만으로 해결하고 싶다면?

<div>
  <input />
</div>

:focus-within 사용해보기

// emotion 사용한다고 했을 때,
<div css={css`
  :focus-within {
    outline: 2px solid #ffdede;
  }
`}>
  <input />
</div>

⚠️ GitHub.com Fallback ⚠️