css如何实现点击切换效果

1.在你要放一组的html标签中加入 tabindex标记

<div class="acr" tabindex="1"></div>
<div class="acr" tabindex="1"></div>

2.css中使用focus点击后样式更改

  .acr:focus{
    
    
    border-color: #F08F4D;
  }

效果

如此便可简单实现点击切换样式效果