CSS의 :invalid 가상 선택자를 사용하면 네이티브 밸리데이션을 통과하지 못한 폼과 필드에 커스텀 스타일을 매길 수 있습니다. 문제는 아무것도 입력하지 않은 상태에선 모든 필드가 :invali

CSS의 :invalid 가상 선택자를 사용하면 네이티브 밸리데이션을 통과하지 못한 폼과 필드에 커스텀 스타일을 매길 수 있습니다. 문제는 아무것도 입력하지 않은 상태에선 모든 필드가 :invalid라는 거죠. 결국 JS를 사용할 수밖에 없게 되는데요. 전 이게 좀 맘에 안 듭니다. https://codepen.io/mytory/pen/wvObpKX