2011-12-24 117 views
1

我遇到了一个问题,我尝试在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中填充右的问题有所帮助。谢谢!

回答

0

输入没有边框属性,将其删除。

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

这可以解决问题。但是,即使它不,它应该被删除。

此外,包含输入的div的宽度小于输入的宽度。

+0

Mobayen Khiaba:谢谢你的回应。我删除它,但IE中的填充问题仍然存在。 – niksnair 2011-12-24 06:35:57

+0

我会看看如果我能弄明白,然后我会让你知道。 – 2011-12-24 06:37:52

+0

请增加div的宽度,看看会发生什么。其高度小于输入的宽度。 – 2011-12-24 06:40:58