크롬에서 파이어 폭스에 이르기까지 다른 웹 사이트가 표시됩니다.

웹 사이트의 콘텐츠 디자인 방식에 약간의 문제가 있습니다.크롬에서 파이어 폭스에 이르기까지 다른 웹 사이트가 표시됩니다.

콘텐츠는 원래 크롬에서 정상적으로 작동하지만 Firefox에서 또는 크롬을 안드로이드에서 열면 다음과 같은 문제가 발생합니다. 입력이 검정색 배경을 가지고 있고 주요 사업부가 그 위에 그림자가 보인다 통해

Screenshot in Chrome

Screenshot in Firefox

사이트

정확히 같은 렌더링되고있다.

누구든지 비슷한 이슈를 가지고 있다면 이드는 그것을 해결할 수있었습니다. 크게 감사드립니다.

출처

2017-02-21 samson4649

소스가 없으면 말하기 어렵습니다. 두 이미지의 모습을 보면 파이어 폭스 버전 전체에서 클래스 (또는 그 이상)가 활성화되어 있다고 말할 수 있습니다. Firefox 버전의 정보 텍스트 영역에는 빨간색 테두리가있는 것 같습니다. 시도가 제출 되었으나 유효성이 검증되지 않았으며 클래스가 적용된 라인 어딘가에 있었습니까? –

Firefox는 :required 개의 필드에 자동으로 빨간색 테두리를 추가합니다. 당신은 당신이 할 수있는이 동작을 오버라이드 (override) 할 경우

는 :

input:required { 
    box-shadow: inherit; 
}

을 나는 정규화 된 행동 크로스 브라우저를 가지고

input:required { 
    box-shadow: inherit; 
} 
input:focus { 
    box-shadow: 0px 0px 2px 2px #7AA6ff; 
}

을하고 끝났다.

출처

2017-03-20 10:22:43 Sergio

크롬에서 파이어 폭스에 이르기까지 다른 웹 사이트가 표시됩니다.

답변

관련 문제