Question

我有一个具有初始登录页面的应用程序有一个用户名和密码输入框。这个页面适用于IE 7，Safari，Firefox 4＆amp; 5但不是在IE 8和9中。在IE 8/9中显示用户名和密码调整缩放百分比时，不同大小的输入框。在进行一些测试时，我注意到在IE 8/9中，文档模式处于Quirks模式。所以我尝试将IE 9中的文档模式设置为IE 9标准模式页面显示正确。但是在IE 8中它没有任何影响。我唯一能够上班的就是重新定义输入框样式表中的font-family。这有效适用于IE 7,8和9以及Safari和Firefox。

我也尝试过设置DOCTYPE和meta标签，但都没有组合似乎在IE 8中起作用。

我在下面添加了一个测试样式表和html再现问题。

有谁知道为什么IE 8/9需要这个？还有另一个吗？处理这个问题的方法除了重新定义font-family之外？

谢谢。

下面的样式表适用于IE 7，Safari和Firefox 4＆amp; 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：

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

Answer 1

您的输入长度取决于您的字体大小。但是许多表单元素不会继承你的font-family。使用时髦的字体（Comic Sans MS）和大字体来测试它。

Related（第一个答案错误，输入类型不继承font-family）。

您可以在CSS中设置输入大小（width:200px）。

小记：INPUT.TEXT指向没有元素。 .text是一个班级。

IE 8 - 字体系列显示问题

1 个答案: