CSS:IE中border:none的陷阱 – 阿干

在习惯上不现实某个元素的边框,只需要给元素设置border:none即可,当然设置border:0效果一样,但实际上两者是有性能差别的

border:none:边框设置为为none,不做任何处理;

border:0:边框宽度设置为0像素,但是实际上border-color和border-style还是在渲染的。

然而在IE中,对于button和input元素确并不是这样

在IE6,7中,虽然设置了border:none后,边框看不见了,但是实际上你会发现边框仍然存在,而只是border-style成为了none而已,也即:在IE6,7中border:none仅等价于border-style:none,而边框所占的空间还是在的,这就导致了我之前调整input的宽度的时候始终无法将其高度在各个浏览器中调整成一致的原因!

所以在IE中要不显示border还是老老实实的写全了吧:border:0 none;即可实现全兼容。

CSS:IE中border:none的陷阱 – 阿干

相关文章:

你感兴趣的文章:

标签云: