CSS :focus not working

Question

I tried using :focus CSS pseudo-class in my project. I want to change the color of the element where I click on it. Now when I click my element cha

Answer 1

.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; opacity:1 }

Please try this...