0

인쇄 된 양식과 일치하도록 그래픽 요소 위에 레이어의 입력 텍스트 필드를 정확하게 배치해야하는 인쇄 버전을 복제하기위한 양식을 작성하고 있습니다. 고객이 텍스트 정렬을 요구할 때까지 모든 것이 잘 작동했습니다. 테스트 결과에 따르면 IE9-10은 다른 브라우저에서 가장 오른쪽 글자의 오른쪽에 문자 간격을 추가하지 않았습니다. 불행히도, 이로 인해 입력 필드 내용이 다른 위치에 정렬됩니다. CSS는 아래의 상자에 숫자가 표시되도록 조정되지만 IE9-10 (및 이전 버전 일 가능성이 큼)에서는 숫자가 오른쪽으로 이동합니다 (간격 없음). 문자 간격을 제거하면 문제가 해결되지만 상자 위치와 일치 시키려면 문자가 필요합니다. 당신이 찾고있는 무엇IE와 다른 브라우저 간의 서식 텍스트 필드 서식 문제

http://siteground164.com/~contexed/design1/index.php/education/techmark/decision-form-2n

+0

정확히 무엇을 찾고 있는지 잘 모르겠지만 @media 화면과 (최소 너비 : 0 \ 0) {/ * 여기에 CSS 입력 * /}을 사용하여 맞춤 IE9/10 스타일을 설정할 수 있습니다. 필요한 태그를 사용자 지정하여 삭제할 수 있습니다. Chromium 경고가 반환되지는 않습니다. – BTC

+0

이전 버전에서는 다음과 같이 반응 형 스타일 시트를 설정해야 할 수 있습니다. http://css-tricks.com/how-to-create-an-ie-only- stylesheet/ – BTC

+0

감사합니다 JCG가 작동합니다. 나는 브라우저를 선택하지 않고 해결책을 찾고 싶었다. 어쩌면 아무도 없을까요? – user2887678

답변

0

특히, 반응 스타일입니다

@media screen and (min-width:0\0) {/* Enter CSS here */ } 

또는 조건부 스타일 시트, 여기에 설명 된대로 : http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

이들은 당신의 최선의 방법이다. 불행히도,이 경우 많은 다른 경우와 마찬가지로 일반적으로 브라우저 특정 시트, 블록 또는 속성을 암시하지 않는 브라우저 간 CSS에 대한 좋은 해결책은 없습니다. 이것은 다른 브라우저의 설계 특성에 기인합니다 (따라서 많은 IE보다 pre-IE 10 조건, 반응 스타일 시트 및 -moz, -webkit, -khtml 등 선언이 필요합니다).