CSS IE输入框“填充权限”问题

时间:2011-12-24 06:23:56

标签: html css

我遇到了一个问题,我尝试在谷歌搜索,但是,这里也无法获得正确的解决方案。让我简短一点......

我有一个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中的填充权问题。谢谢!

1 个答案:

答案 0 :(得分:0)

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

<input type="text" class="email_box" style="padding-left:10px; padding-right:10px; margin:0; border:0;" />
这可能会解决问题。但即使不这样做,也应将其删除。

包含输入的div的宽度也小于输入。