关于给元素点击时加边框,元素会抖动的解决办法
2019-04-26 本文已影响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;}