最新消息:新的一年,启动新的宽屏主题模版,关注更多的web前端!

input在ie内1px 空隙bug解决办法

网络技术 amason 3082浏览 0评论

 在做一个小widget的时候,需要一个input框在各个版本下面显示都要完全一致,效果如下图所示:

input在ie内1px bug解决办法 - bbdogbb - 目.海.生.塵

但是因为input框在ie内会自动增加一个像素的空隙,那么就是四周各增加了一个像素的空隙,导致ie下的显示效果如下:

input在ie内1px bug解决办法 - bbdogbb - 目.海.生.塵

第一个想到的方案是用区分ie和ff的hack来解决,后来想到一个方案,可以给这个input框加一个float:left属性试试看,添加以后果然问题解决了。

转载请注明:笑申爱设计|liushen.net » input在ie内1px 空隙bug解决办法

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址