CSS IE輸入框「padding-right」問題

我遇到了一個問題，我嘗試在google上搜索，但在這裏也找不到合適的解決方案。讓我簡要...CSS IE輸入框「padding-right」問題

我有一個div名稱#email_input_box包含<input type="text" class="email_box" border="0" style="padding-left:10px; padding-right:10px; margin:0; border:0;" />

是填充的文本，它工作在其他瀏覽器正常，但是，它不能在IE7的工作問題。

這裏是我的.email_box類造型

.email_box{ 
    width:160px; 
    height:26px; 
    background:url(images/inputbox_email.png) no-repeat; 
    line-height:26px; 
    color:#969595; 
    font-family:Tahoma, Geneva, sans-serif; 
    font-size:12px; 
    font-style:normal; 




}

，這裏是我的div #email_input_box造型

#email_input_box{ 
    width:180px; 
    height:26px; 
    float:left; 
    position:absolute; 
    top:60px; 


}

我需要在IE7中填充右的問題有所幫助。謝謝！

來源

2011-12-24 niksnair

輸入沒有邊框屬性，將其刪除。

<input type="text" class="email_box" style="padding-left:10px; padding-right:10px; margin:0; border:0;" />

這可以解決問題。但是，即使它不，它應該被刪除。

此外，包含輸入的div的寬度小於輸入的寬度。

來源

2011-12-24 06:30:15

Mobayen Khiaba：謝謝你的迴應。我刪除它，但IE中的填充問題仍然存在。 – niksnair 2011-12-24 06:35:57

我會看看如果我能弄明白，然後我會讓你知道。 – 2011-12-24 06:37:52

請增加div的寬度，看看會發生什麼。其高度小於輸入的寬度。 – 2011-12-24 06:40:58

CSS IE輸入框「padding-right」問題

回答

相關問題