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

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

作者: 自律财富自由 | 来源:发表于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