我尝试:focus CSS在我的项目中使用伪类.我想改变单击它的元素的颜色.现在,当我单击我的元素更改颜色时,仅在它处于活动状态时,鼠标向上后它将返回旧颜色.第二次点击后,我希望它恢复旧颜色.我正在使用Chrome.
在这里演示
.row {
display: inline-block;
border: 1px solid grey;
height: 200px;
width: 200px;
line-height: 1em;
background: grey;
margin: 5px;
opacity: 0.1;
}
.row:active,
.row:focus {
background: orange;
}<div id="main" class="container">
<div class="row" id="row0">
</div>
</div>