IE 8 - font-family 표시 문제

에 사용자 이름과 암호 입력 상자가있는 초기 로그인 페이지가있는 응용 프로그램이 있습니다. 이 페이지는 IE 7, Safari, Firefox 4 & 5에서는 제대로 작동하지만 IE 8 및 9에서는 이 아닙니다. IE 8/9에서는 확대/축소 비율을 조정할 때 다른 크기 입력 상자와 함께 사용자 이름과 암호가 표시됩니다. IE 8/9에서 약간의 테스트를하는 동안 문서 모드가 Quirks 모드에 있습니다. 그래서 Internet Explorer 9의 문서 모드를 IE 9 표준 모드로 설정하고 페이지가 올바르게 표시되도록 시도했습니다. 그러나 IE 8에서는 아무런 영향을 미치지 않습니다. 입력 상자의 스타일 시트에서 font-family를 다시 정의하면됩니다. 이것은 IE 7,8,9와 Safari 및 Firefox의 경우 을 작동합니다. 나는 또한 그 조합의 DOCTYPE 및 메타 태그하지만 아무도 설정을 시도IE 8 - font-family 표시 문제

그 문제를 재현 아래 내가 테스트 스타일 시트 및 HTML을 포함 IE 8

에서 작동하는 것 같다.

IE 8/9가 필요한 이유는 누구입니까? font-family를 다시 정의하는 것 외에 다른 것을 처리하는 다른 방법이 있습니까?

감사합니다.

IE 7에서 작동 아래의 스타일 시트, 사파리와 파이어 폭스 4 & 5. IE 8/9에서 그것이 내가 라인에서 주석 을 사용하지 않는 다른 길이로 표시 에게 사용자 이름과 암호를 발생합니다

스타일 :

body     { font-size: x-small; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;} 


form     { font-size: 100%; } 
input     { font-size: 110%; } 
/*input     { font-size: 110%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }*/ 
INPUT.TEXT    { font-size: 100%; } 
select     { font-size: 110%; } 
textarea    { font-size: 110%; }

HTML : 귀하의 입력 길이는 당신의 FON을 기반으로

<html> 
<head>     
<title>Login</title> 
<link rel="stylesheet" type="text/css" href="./mystyle.css"> 
</head> 
<body>     
<table>     
<tr><td>User&nbsp;Name: </td><td><input type=text name=username size=20 value=""></td></tr> 
<tr><td>Password: </td><td><input type=password name=pass size=20></td></tr> 
<tr><td>&nbsp;</td><td><input type=submit value=Login></td></tr> 
</table>     
</body> 
</html>

출처

2011-06-14 Bruce

T 크기. 그러나 많은 폼 요소는 폰트 패밀리를 상속받지 않습니다. 펑키 글꼴 (Comic Sans MS)과 큰 글꼴 크기로 테스트하십시오.

Related (첫 번째 대답이 틀리면 입력 유형이 font-family를 상속하지 않습니다.)

CSS (width:200px)로 입력 크기를 설정할 수 있습니다.

작은 노트 : INPUT.TEXT은 요소가 없음을 나타냅니다. .text은 수업입니다.

출처

2011-06-14 16:45:58 Kraz

오케이. 감사. 나는 여전히 폰트 패밀리가 IE 7, 사파리 및 파이어 폭스에서 상속 된 것처럼 보이지만 IE 8/9에서는 입력을 위해 폰트 패밀리를 지정해야하는 이유를 모르겠다. – Bruce

강제하지 않으면 상속되지 않습니다. [this jsFiddle] (http://jsfiddle.net/Vz78R/)을 가지고 놀면 이해할 수 있습니다. IE7을 테스트 할 수는 없지만, 글꼴을 다르게 렌더링하는 것이 중요하다고 저는 확신합니다. 그래, IE의 경우 글꼴 속성을 재정의해야한다. – Kraz

IE 8 - font-family 표시 문제

답변

관련 문제