스타일 HTML5 입력 유형의 유효성 검사가 실패 할 경우

Question

요 모두

내 질문은 아주 간단하다 : 나는 빨간색 테두리의 스타일 (? 또는 그림자) (이메일 등) 확인할 수 없습니다 입력의 필요가있다. 거기에 새로운 CSS 속임수가 있습니까? "-moz"없이 아마도 부분이 다른 적용되지만,

Answer 1

파이어 폭스 자세한 내용은 https://developer.mozilla.org/en/CSS/%3Ainvalid를 참조하십시오

당신은 여전히 ​​당신을 말하고 이해하지 않는 경우

는 다음이 변화하는 요구 색상입니다 도 브라우저 :

:invalid CSS 의사 클래스는 그 내용이 입력의 종류에 따라 설정 검증 실패 <input> 요소를 자동으로 적용한다. 이렇게하면 유효하지 않은 필드에 쉽게 모양을 사용하여 사용자가 오류를 식별하고 수정할 수 있습니다.

기본적으로 Gecko는 가상 클래스 :invalid에 스타일을 적용하지 않습니다. 의 경우의 하위 집합에 적용되는 :-moz-ui-invalid 가상 클래스에 스타일 (빨간색 상자 모양의 섀도우 속성 사용)을 적용합니다.