zoukankan      html  css  js  c++  java
  • 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;即可实现全兼容。

  • 相关阅读:
    Shell 中的 expect 命令
    #每日日报#7.11
    #每日日报#7.10
    #每日日报#7.09
    #每日日报#7月8日
    每日日报2020.7.17
    每日日报2020.7.16
    每日日报2020.7.15
    每日日报2020.7.14
    每日日报2020.7.13
  • 原文地址:https://www.cnblogs.com/cuoreqzt/p/2230144.html
Copyright © 2011-2022 走看看