재정의 기본 CSS를 stylings가 +

Question

http://jsfiddle.net/4LXkE/

코드 :

<form> 
<input type="text" name="name" id="name" placeholder="Name*" required="required" /> 
<input type="submit" /> 
</form> 

위의 바이올린에서, 당신은 입력 상자가 (내 대상 브라우저가 무엇인지 그건) +는 IE9에서 그것을 볼 수 있습니다 못생긴 빨간색 강조 표시 및 팝업 메시지가 둘러싸여 필수 입력란임을 나타냅니다. 나는 가까운 다음과 같은 질문을 찾았지만 내 특정 질문에 전체 대답을하지 않습니다

내 응용 프로그램에서

override css for html5 form validation/required popup

나는 내 자신의 stylings가을 (부트 스트랩 기본값을 트위터)가 있지만 뒤에 숨겨진 나타나는이 작풍.

개발자 도구에서 앱을 디버깅하려고했지만 CSS 클래스를 추가하거나 찾을 수 없습니다.

이 기능을 사용하면 도움이됩니다. 감사합니다.

Answer 1

IE9는 기본적으로 "필수"속성을 지원하지 않으며 UA 스타일 시트의 일부가 아닙니다.

Modernizr 또는 이와 유사한 것을 부트 스트랩과 함께 사용하고 있습니까? IE9에서 polyfill이 없으면 "필수"속성은 쓸모가 없습니다. (자세한 내용은 caniuse 또는 this article 참조)이 문제에 대한 해결책은 look at Modernizr을 참조하십시오. 이미 polyfill을 사용하고 있다면 shim 요소의 스타일을 지정하여 원하는 모양을 얻을 수 있어야합니다.