input 태그에 필드 입력 안했을 경우 빨간테두리
본문
css에서 뭘 없애야하나요?...
아니면 색상을 바꾸고싶은데 어떤 소스를 건드려야할지.. 저 말풍선은 그대로 두고 테두리색상만 바꾸고싶어요
답변 2
브라우저 기본값은 입력요소들에 :focus 되었을때 outline 값이 노출되도록 되어 있습니다.
기본적으론 푸른색이고요. 이를 디자인적으로 싫어하는 분들은 input {outline: 0}과 같이 없애기도 합니다.
해당요소가 <input ... required> 처럼 required 선언이 되어 있다면 입력되지 않은 값이 있는 상태에서 전송을 하게 되면 값을 채우라고 강조하는데 브라우저 자체기능이기 때문에 표현방법이 다 다릅니다.
input:required {outline : 0;} 으로 변경해보세요.
크롬 브라우저에서, 개발자 도구를 사용하면, (마우스 우클릭 > 검사 or F12)
해당 부분에 어떤 스타일이 적용되어 있고, 정의된 스타일 파일은 어디인지를 쉽게 파악할 수 있습니다.
개발자 도구 사용방법 참고글/영상입니다.
https://www.youtube.com/watch?v=OvrAKA-jsfE
답변을 작성하시기 전에 로그인 해주세요.