CSS点击某个li修改其颜色并且其它还原
CSS点击某个li修改其颜色并且其它还原
:focus伪类,点击之后不会消失
:active伪类点击之后会消失
注意要给每一个li添加 tabindex=‘1’ 才能生效
html:
<li v-for="(item, i) in 17" :key="i" tabindex='1'>
<span>公共区域视频{{i}}</span>
<span>4:58</span>
</li>
css:
li{
display: flex;
justify-content: space-between;
line-height: 40px;
&:focus{
background-color: rgba(132, 201, 231, 0.56);
}
}
结果