IE6默认form样式bug处理

IE6默认form样式bug处理,第1张

概述今天在做一个网站的时候,突然发现了form表单在IE6浏览器下显示怪怪的,而在其他的浏览器显示又是正常的,不知道是什么原因,IE6默认form样式bug不知道怎么处理,后来查看了资料才知道,原理是form 今天在做一个网站的时候,突然发现了form表单在ie6浏览器下显示怪怪的,而在其他的浏览器显示又是正常的,不知道是什么原因,ie6默认form样式BUG不知道怎么处理,后来查看了资料才知道,原理是form表单在ie6下有默认的margin属性。请看下面例子
核心代码如下:
<div style="height:20px;border:1px solID gray;"></div>    <div style="border:1px solID #878787;border-top:0;">        <form>        <input type="text" value="程序员人生">      <input type="submit" name="submit" value="提交" ID="submit">      </form>           </div>                   

ie6浏览器显示效果如下


火狐或ie8浏览器显示如下:


很明显ie6浏览器div会断开,大概有10-20个px,解决这个问题其实很简单,就是重置下form表单属性就可以了,把它的margin属性设为0就正常了

总结

以上是内存溢出为你收集整理的IE6默认form样式bug处理全部内容,希望文章能够帮你解决IE6默认form样式bug处理所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1020344.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存