html - 為什麼IE使密碼框小於文本框?



css internet-explorer (4)

請參閱下面的簡單表格。 它只是一個密碼框頂部的文本框。 如果您在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>   

有沒有辦法通過CSS或通過向HTML添加內容來全局“修復”?

https://src-bin.com


Answer #1

問題是Internet Explorer的默認編碼。 使用UTF-8編碼時,Internet Explorer存在顯示字段長度相同的問題。 在IE中,嘗試在查看問題頁面時將編碼更改為“Windows”(頁面 - >在IE 8中編碼),您將看到我的意思。


Answer #2

因為在這些類型的字段中使用了不同的字體。

修復只是指定所有輸入使用相同的字體。

<style type="text/css">
  input {
      font-family: sans-serif;                
  }
</style>     


Answer #4

您可以為當前頁面上的所有輸入附加固定寬度:

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




rendering