如何修复密码输入字段的大小?

时间:2010-08-01 10:32:28

标签: html css textbox passwordbox

我的HTML代码是

<tr>
                <td>User ID:</td>
                <td><input type="text" id="uid" size="20"></td>
            </tr>
            <tr>
                <td>Password:</td>
                <td><input type="password" id="pass" size="20"></td>
            </tr>
            <tr>

但问题是,密码文本框长度在IE中变得不同,意味着uid大小为20,但pass大小约为17

2 个答案:

答案 0 :(得分:8)

尝试使用style="width:200px",而不是指定大小。

<input type="text" id="uid" style="width:200px;">
<input type="password" id="pass" style="width:200px;">

或者您可以在CSS中创建一个类:

.input{
  width:200px;
}

并像这样使用:

<input type="text" id="uid" class="input">
<input type="password" id="pass" class="input">

答案 1 :(得分:1)

您可以使用width: 150px;(使用CSS)修复它。

在CSS文件中:

input {
  width: 150px;
}

或内联CSS:style="width: 150px;"

编辑:烤:)。