[CSS] div안에 있는 input창을 눌렀을 때 div가 focus되게 하는 법

출처: 한국임상정보

CSS의 :focus-within을 사용하면 해결할 수 있다.

예시 코드

HTML

<div>
  <input id="search-name" type="text">
</div>

CSS

div {
  border: 0;
  color: white;
  padding: 4px;
}

form:focus-within {
  border: 2px solid #007be9
}

input:focus {
  outline: 0;
}