美文网首页
关于给元素点击时加边框,元素会抖动的解决办法

关于给元素点击时加边框,元素会抖动的解决办法

作者: 自律财富自由 | 来源:发表于2019-04-26 16:56 被阅读0次

    1、如果你是四个方向都会加边框,可使用:

    • outline: 1px solid #eee;
    • box-shadow: 0 0 0 1px #eee;

    2、如果你只是某一个方向加线,比如给li元素点击时加border-bottom

    • li元素点击之前,先加上一个透明的边框
      li {border: 1px solid transparent;}
    • li元素点击之后,加上底部边框
      li.active {border-bottom: 1px solid #eee !important;}

    相关文章

      网友评论

          本文标题:关于给元素点击时加边框,元素会抖动的解决办法

          本文链接:https://www.haomeiwen.com/subject/cnsqnqtx.html