2011-04-27 10 views
0

IE8의 브라우저 호환성 문제를 처리하고 있습니다. 텍스트 상자의 테두리가 파란색으로 표시되지 않습니다. 특성 선택기 입력 [type = "text"] { 테두리 : 솔리드 1px # 7F9DB9; } IE8에만 적용되며 IE6에는 적용되지 않습니다. 그러나 문제는 일부 텍스트 상자에 이미 테두리가 정의되어 있다는 것입니다. 어느 것이 겹쳐 쓰여지 는가. 표현식을 사용해 보았지만 DocType이없는 경우에만 작동하는 것 같습니다. 우리에게 남겨진 또 다른 옵션은 각 textbox 클래스를! important를 가진 CSS 테두리로 만드는 것입니다. 이것은 큰 프로젝트에서 실제로 지루합니다. 두 번째 해결 방법은 mgmt가 aganist 인 jquery를 사용하는 것입니다. 이것을 타겟팅하는 방법 중 하나를 안내 할 수 있습니다.CSS 속성 선택기 무시 Existitng 스타일

+0

IE 버그에 대한 doctype을 버리지 마십시오! 먼저 코드를 수정하십시오. –

답변

1

당신은 defined property at the appropriate level이 아니겠습니까? 어딘가에 다시 덮어 쓰지 않으시겠습니까?

+0

입력 [유형 = "텍스트"] {테두리 : 단색 1px # 7F9DB9; } // 아래 테두리 속성 중 하나를 재정의하고 있습니다. 유지하고 싶습니다. .formboxsignin { \t border-top : 1px solid #eaeaea; \t border-right : 1px solid #eaeaea; \t border-bottom : 1px solid #eaeaea; \t border-left : 1px solid #eaeaea; \t 신장 : 16px; \t font-size : 65 %; \t 색상 : # 333333; \t font-family : verdana, arial, helvetica, sans-serif; \t background-color : aliceblue } – nag

+0

본질적으로 donot는 그것이 클래스에있는 테두리 속성을 오버라이드합니다. – nag

0

IE6은 속성 선택자를 지원하지 않으므로 다른 방법으로 타겟팅해야합니다. CSS 클래스를 추가하는 것이 좋습니다. 기본 스타일은 모든 브라우저에서 달라집니다.

작은 다리 언급과 같이 더 구체적으로 시도해 볼 수도 있습니다. 엘리먼트를 참조하기 위해 더 많은 캐스케이드를 추가 해보면 오버라이드 할 수 있습니다. 가능하면! important를 사용하지 마십시오.