如何使在IE網頁相同的文本框，鍍鉻

我有我的ASP.Net網站的以下HTML：如何使在IE網頁相同的文本框，鍍鉻

   <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>

這顯示細膩谷歌瀏覽器，像這樣： enter image description here

但在Internet Explorer中，它看起來像這樣： enter image description here

請注意，文本框沒有那麼深，我怎樣才能讓IE版本與Chrome相同？（Firefox是也相當薄爲好）

這裏是我的CSS：

.usernamepassword 
{ 
border-style: none; 
border-color: inherit; 
border-width: medium; 
font: 12px/20px "ArialMTRegular", Arial, Helvetica, sans-serif; 
color:#3343030; 
padding:0px 1px; 
}

來源

2014-02-26 Harry Boy

請你顯示你的css – pankeel

編輯顯示css –

你可以使用任何css，除了這個... – pankeel

你必須修復的所有文本框，如下高度和行高：

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

行高會照顧填充的文本的-框。

IE對CSS更敏感。所以你必須在CSS中定義所有的規則，以便它在所有的瀏覽器中都是相同的。

來源

2014-02-26 10:41:26

它看起來像你必須設置一個固定的height。嘗試設置height爲.usernamepassword：

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

來源

2014-02-26 10:14:58

如何使在IE網頁相同的文本框，鍍鉻

回答

相關問題