Как после нажатия сделать кнопку неактивной?

Вот такой вопрос, кнопки тега <a></a> можно ли как-то сделать неактивными после нажатия?
Не скрылась а как-бы затемнилась чтоле...

Заранее большое Спасибо!

HTML кнопки

<a href = "#" class = "butnews"><img src="http://site/img/button/news.png" alt="Новости"/></a>

CSS кнопки

a.butnews {
  position: absolute;
  top: 0px;
  padding: 45px 50px;
  border-radius: 25px 0 0 0;
  background: #6495ED;
} 
a.butnews:hover { background: #4169E1; }
a.butnews:active {
  background: #0000CD;
  box-shadow: 0 3px #0000CD inset;
}