请参阅下面的简单表单。它只是一个位于密码框顶部的文本框。如果您在Internet Explorer7(和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中添加一些东西?
发布于 2009-03-27 15:13:59
因为在这些类型的字段中使用不同的字体。
修复方法只是指定所有输入使用相同的字体。
<style type="text/css">
input {
font-family: sans-serif;
}
</style>
发布于 2009-03-27 15:15:09
您可以为当前页面上的所有输入附加固定宽度:
<style type="text/css">
input {
width: 10em;
}
</style>
发布于 2009-07-18 15:22:34
问题出在Internet Explorer的默认编码。Internet Explorer在使用UTF-8编码时显示相同的字段长度时出现问题。在IE中,尝试在查看问题页面时将编码更改为"Windows“( IE 8中的page -> encoding ),您就会明白我的意思。
https://stackoverflow.com/questions/690147
复制相似问题