Quirks 모드를 표준 모드 (HTML 4.01 Transitional)로 전환했으며 IE7 및 IE8에서 모든 양식 요소의 모양이 현재와 다른 모양으로 변경되었습니다. 방법.Quirks 모드와 표준 모드의 Internet Explorer 양식 스타일 문제
Quirks 모드에서 선택 드롭 다운 상자는 요소 주변에 테두리가없고 매끄럽게 보입니다. 반면 DOCTYPE 선언을 추가하면 입력 사각형 주위와 작은 검은 색 삼각형이있는 사각형 주위에 테두리가 표시됩니다 Windows 95와 매우 비슷합니다.
투명도가 설정된 기본 표준 스킨이있는 Windows 7 시스템의 스타일 동작에서 이러한 변화가 나타납니다.
분명히 Quirks 모드에서는 멋진 Windows 시스템 스킨이 forms 요소의 스타일에 적용되는 반면 HTML 4.01 전환은 고전적인 old-style Windows-95 모양으로 전환됩니다. Internet Explorer에서 Quirks 모드 (즉 Doctype 없음)에서 양식을 열고 개발자 도구 창 (F12)을 통해 문서 모드를 IE8 표준으로 전환하면 쉽게 차이점을 확인할 수 있습니다.
양식 요소에 대해 입력, 선택 등의 CSS 규칙이 정의되어 있지 않습니다. 즉, 양식 요소의 스타일이없는 표시에 영향을줍니다.
제 질문은 doctype이있는 페이지에 대해 '멋진'시스템 스킨이있는 양식을 IE8에 표시하려면 어떻게합니까?
CSS로 사용자 정의 양식 스타일링을 할 수 있다는 것을 알고 있지만 표준 모드에서 기본 양식 요소에 시스템 장식을 적용 할 수있는 방법이 있습니까? 또는 나는 무엇인가 놓치고 있냐?
내가 사용하는 doctype은 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">입니다.
또한 이것이 쿼크 모드를 트리거하는 경우에도 필자는 원하는 방식으로 입력을 렌더링할지 여부에 대해 심각한 의문을 가지고 있습니다. ** 편집 ** : 실제로, IE9에서 빨리 시도한 후에, 이것은 당신을 위해 아주 잘 작동 할 것입니다. 물론 다른 브라우저에서는 도움이되지 않습니다 ... – sdleihssirhc
흠, 그 대리 식 CSS 상자 모델과 특이성을 가진 Quirks 모드로 돌아가고 싶지 않습니다. 사실 표준 모드로 전환해야했습니다. 쿼크 모드에서 '마이그레이션'하려는 선택 요소의 스타일링에 불과합니다. 개인적으로는 신경 쓰지 않지만 이것이 고객의 요구 사항입니다. – ccpizza
@ccpizza Yikes. 내 대답은 정말 도움이되지 않습니다. 그렇다면 ... [여기에 또 다른 질문이 있습니다] (http://stackoverflow.com/questions/380037/ie6-ie7-css-border-on-select-element) 그 종류 [이 페이지] (http://v2.easy-designs.net/articles/replaceSelect/)에 대한 링크와 함께 "기본 '