html - 如何固定密码输入字段的大小？

Question

我的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.

Answer 1

尝试使用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">

Answer 2

您可以使用width: 150px;（使用 CSS）修复它。

在 CSS 文件中：

input {
  width: 150px;
}

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

编辑：烤:)。