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

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;}

你可能感兴趣的:(关于给元素点击时加边框,元素会抖动的解决办法)