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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (15)

见下面的简单表格。它只是密码框顶部的文本框。如果在InternetExplorer 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>   

有没有一种方法可以在全局范围内“修复”这个问题,要么通过CSS,要么通过向HTML中添加一些内容?

提问于
用户回答回答于

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

修复方法只是指定所有输入都使用相同的字体。

<style type="text/css">
  input {
      font-family: sans-serif;                
  }
</style>     
用户回答回答于

可以为当前页面上的所有输入附加固定宽度:

<style type="text/css">
input {
    width: 10em;    
}
</style>

所属标签

可能回答问题的人

  • 嗨喽你好

    7 粉丝480 提问9 回答
  • uncle_light

    5 粉丝518 提问7 回答
  • 人生的旅途

    10 粉丝484 提问7 回答
  • Richel

    4 粉丝0 提问6 回答

扫码关注云+社区

领取腾讯云代金券