red border in input(with Firefox)

wkdgusrhkd·2021년 1월 26일
0

HTML & CSS

목록 보기
2/3

Firefox : < input >에 required가 있을 때 red border가 생기는 현상

저는 브라우저로 Firefox를 자주 사용합니다.
언젠가 로그인 폼을 만들다가 <input> 태그에 붉은 테두리가 생기는 걸 봤습니다.
이는 Chrome에서는 나타나지 않았고, Firefox에서 발견되었습니다.


자세히 말하자면 input의 속성에 <required>을 추가했을 경우, 텍스트를 입력했다가 지우면 붉은 border가 생기는 현상입니다. 이는 Firefox가지는 성질인 것 같습니다.

없애려면?

없애는 방법은 간답합니다.

input:required{
    box-shadow: none;
}

추가 내용은 Firefox red border with input required로 검색하거나 이 문서를 참고하세요.

profile
프론트!

0개의 댓글