IE 8-字体系列显示问题

问题描述

| 我有一个具有初始登录页面的应用程序有一个用户名和密码输入框。此页面可在IE 7，Safari，Firefox 4和5中正常运行，但不能运行在IE 8和9中显示。在IE 8/9中，用户名和密码显示为调整缩放百分比时使用不同尺寸的输入框。在进行一些测试时，我在IE 8/9中注意到文档模式处于Quirks模式。所以我尝试将IE 9中的文档模式设置为IE 9标准模式，然后页面正确显示。但是，在IE 8中没有任何影响。我唯一能上班的就是重新定义输入框样式表中的字体系列。这有效适用于IE 7,8和9，以及Safari和Firefox。我也尝试过设置DOCTYPE和meta标签，但这些都不是组合似乎可以在IE 8中使用。我在下面包含了一个测试样式表和html，它们复制了问题。有谁知道为什么IE 8/9会要求这样做？还有另一个除了重新定义字体系列以外，还可以处理其他方法？谢谢。以下样式表可在IE 7，Safari和Firefox 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,SunSans-Regular; }*/
INPUT.TEXT              { font-size: 100%; }
select                  { font-size: 110%; }
textarea                { font-size: 110%; }

的HTML：

<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>

解决方法

输入长度取决于字体大小。但是许多表单元素不会继承您的字体系列。使用时髦的字体（Comic Sans MS）和大字体进行测试。相关（除非第一个答案是错误的，输入类型不继承font-family）。您可以在CSS中设置输入大小（width:200px）。小注释：INPUT.TEXT指向没有元素。 .text是一堂课。

8-字体字体显示显示系列问题问题

IE 8-字体系列显示问题

问题描述

解决方法

相关问答