为什么IE使密码框小于文本框?

Pat*_*ney 52 html css internet-explorer rendering

请参阅下面的简单表格.它只是一个密码框顶部的文本框.如果您在Internet Explorer 7(和8,可能还有其他)中查看它,则文本框比密码框宽10个像素.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>IE Text vs. Password test</title>
</head>
<body>                 

<form action="test"> 
  <p>
    <input type="text"><br>  
    <input type="password">      
  </p>
</form>          

</body>
</html>   
Run Code Online (Sandbox Code Playgroud)

有没有办法通过CSS或通过向HTML添加内容来全局"修复"?

Kon*_*kus 96

因为在这些类型的字段中使用了不同的字体.

修复只是指定所有输入使用相同的字体.

<style type="text/css">
  input {
      font-family: sans-serif;                
  }
</style>     
Run Code Online (Sandbox Code Playgroud)