CSS의 :invalid 가상 선택자를 사용하면 네이티브 밸리데이션을 통과하지 못한 폼과 필드에 커스텀 스타일을 매길 수 있습니다.

문제는 아무것도 입력하지 않은 상태에선 모든 필드가 :invalid라는 거죠.

결국 JS를 사용할 수밖에 없게 되는데요. 전 이게 좀 맘에 안 듭니다.

https://codepen.io/mytory/pen/wvObpKX

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 2월 22일 오전 9:15

댓글 2

함께 읽은 게시물

주니어 개발자들이 읽으면 좋은 테크 아티클 모음📚

F-Lab 에서 주니어 개발자들이(사실 개발자라면 누구나) 보시면 좋을 아티클 모음을 공유해 주었네요! 검색엔진부터 비동기 처리, NoSQL 등 다양한 분야의 아티클들이 공유되어 있으니 관심있으신 분들은 보시면 좋겠습니다. F-Lab 에서 공유해주신 아티클 주제를 나열해보면 다음과 같습니다. 📌 구글이 직접 말하는 검색엔진의 원리 (tali.kr) 📌 검색 엔진은 어떻게 작동하는가 (xo.dev) 📌 네이버의 검색엔진의 특징과 알고리즘 (tistory.com) 📌 [네이버 블로그]네이버 검색의 원리 : 네이버 블... 더 보기

주니어 개발자들이 읽으면 좋은 테크 아티클 모음

F-Lab : 상위 1% 개발자들의 멘토링

주니어 개발자들이 읽으면 좋은 테크 아티클 모음

 • 

저장 145 • 조회 3,991


비개발자도 Cursor AI로 결제 가능한 웹 서비스 만들기 🚀

6

... 더 보기

비개발자도 Cursor AI로 결제 가능한 웹 서비스 만들기 🚀 (6차. 25.06.21, 25.06.28) - Learning by Doing

Latpeed

비개발자도 Cursor AI로 결제 가능한 웹 서비스 만들기 🚀 (6차. 25.06.21, 25.06.28) - Learning by Doing

무너지고 있는 프론트엔드, 백엔드 직군의 경계에 대한 고찰

AI 기술이 우리 일상과 산업 전반에 스며들면서 소프트웨어 개발 환경 역시 큰 변화의 물결을 맞이하고 있다. 특히 코딩을 돕는 AI 에이전트의 등장은 개발 생산성에 대한 큰 변화를 만들고 있다. 나 역시 이러한 변화를 체감하며, 나에게 익숙한 소프트웨어 개발의 대표적인 두 축인 프론트엔드와 백엔드 영역에서 AI 기술이 미치는 영향과 그로 인해 변화하는 소프트웨어 엔지니어의 역할에 대해 개인적인 생각을 정리해 본다.

... 더 보기

 • 

저장 35 • 조회 4,636


괴물은 하루아침에 태어나지 않는다

큰 것을 하는 것보다 매일 작은 것을 완벽하게 해내는 노력이 더 중요하다. 내가 성격 장애의 하나인 자기애성 성격장애자(NPD, Narcissistic Personality Disorder)를 만나면서 느낀 것은, 처음에는 그런 사람도 "정상인"처럼 느껴진다는 것이었다. 다만 그의 미친짓은 내가 매일매일 "사소한" 사건들로 상대방에게 익숙해졌을 때 발생한다.

... 더 보기

서버엔지니어의 시대적 고민

... 더 보기

개발자 교양 팟캐스트

A

... 더 보기