截取部分代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE6下文本框和密码框长度不一</title>
<style>
<!--
* { font-size:12px}
ul li { list-style:none; margin:0; padding:0}
li { height:30px}
-->
</style>
</head>
<body>
<ul>
<li>
<input type="text" size="20" />
</li>
<li>
<input type="password" size="20" />
</li>
</ul>
</body>
</html>
分析了一下原因.其实这是个很简单的问题,因为我在做input的时候,不习惯也不喜欢定义input的宽度,一般直接用size="" <input type="password" size="20" /> 但有时候会忽略去定义input的字体.只要定义一个全局的input字体和字体大小就OK.写下这篇文章,主要也是警惕自己以后要保持定义全局input字体的习惯.
修改代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE6下文本框和密码框长度不一</title>
<style>
<!--
* { font-size:12px}
ul li { list-style:none; margin:0; padding:0}
li { height:30px}
input {font-family:Verdana, Arial, Helvetica, sans-serif,"宋体"}
-->
</style>
</head>
<body>
<ul>
<li>
<input type="text" size="20" />
</li>
<li>
<input type="password" size="20" />
</li>
</ul>
</body>
</html>
第二种方法：为其设置 width css样式，固定其宽度
IE6下文本框和密码框长度不一
猜你喜欢
转载自lsjinpeng.iteye.com/blog/1464652
今日推荐
周排行