如何解决IE6下input边框问题

时间:2023-02-05 17:09:02

消除边框我们习惯用border:none,但这对IE6/7来说无效,边框依然存在。那么如何解决IE6下input边框问题呢?

用border:0试了下,似乎是有效的。那么border:0与none的区别是什么呢,查阅资料得到如下答案:

性能差异

“border:0”:是指border-width:0,虽然在页面上看不见,浏览器依然对border-width进行了渲染,即已经占用了内存值。
“border:none”:指border-style:none,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。

兼容性差异

“border:0”:border为“0”时,所有浏览器都实现了边框隐藏。
“border:none”:border为“none”时IE6/7下边框扔存在。