프루트 2022. 6. 15. 21:03

 - 탭버튼 01은 체크된 상태로 시작하기 위해 첫번째 input에 checked를 표시했다.

 - checked된 것을 확인하기 위해 input[type="radio"]:checked와 연결된 label을 쉽게 찾기 위해 바로 뒤에 작성하고

   css에서 + 동위선택자로 지정하고 색을 변경했다. 

 - radio 타입은 안보이게 하고 글자를 누르면 선택이 되게 하려고 label의 for과 input의 id를 동일하게 했다.

 - input이 선택되면conbox가 보이고 안보이고를 설정하면 위의 그림처럼 된다.