Html 如何在IE中使网页上的文本框与Chrome相同

我的ASP.Net网站上有以下HTML：

               <tr>
                    <td><asp:TextBox runat="server" Text="Email" ID="LoginEmail" 
                            CssClass="usernamepassword" Width="160px"></asp:TextBox></td>
                    <td><asp:RequiredFieldValidator runat="server" ID="reqLoginEmail" ControlToValidate="LoginEmail" ValidationGroup="Login" ErrorMessage="*" Display="Static"></asp:RequiredFieldValidator></td>
                    <td><asp:TextBox runat="server" Text="Password" ID="LoginPassword" 
                            TextMode="Password" CssClass="usernamepassword" Width="130px" ></asp:TextBox></td>
                    <td><asp:RequiredFieldValidator runat="server" ID="reqPassword" ControlToValidate="LoginPassword" ValidationGroup="Login" ErrorMessage="*" Display="Static"></asp:RequiredFieldValidator></td>
                    <td><asp:LinkButton runat="server" ID="btnLogin" OnClick="btnLogin_Click" ValidationGroup="Login" Text="Login" class="buttonRyan green medium" > </asp:LinkButton></td>
                </tr>

---

看起来您必须设置一个固定的

高度

。 尝试将

高度设置为
.usernamepassword
：

.usernamepassword
{
  ...
  height: 1.5em;
}

您必须按如下方式固定所有文本框的高度和行高：

.usernamepassword {
   height : 18px;
   line-height : 18px;
}

行高将考虑文本框中填充的文本

IE对CSS更敏感。因此，您必须在CSS中定义所有规则，以便在所有浏览器中都相同。
您可以使用除此之外的任何CSS。。。
.usernamepassword {
   height : 18px;
   line-height : 18px;
}