이렇게 해보세요
- Tab 키를 누르면 지금 어디에 있는지 테두리로 보입니다.
- 순서도 화면에 보이는 대로 이름, 이메일, 신청하기입니다.
- 마우스로 클릭할 때는 테두리가 나타나지 않습니다.
:focus-visible덕분입니다.
수업 신청
고친 것은 두 가지뿐입니다. 포커스 표시를 지우는 CSS를 없애고
:focus-visible로 바꾼 것, 그리고 CSS로 순서를 뒤집는 대신
마크업 순서를 화면 순서와 맞춘 것.