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

Question

[Сергей]

Вот такой вопрос, кнопки тега <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;
}

Answer 1

[Froggyweb]

Это не кнопка, а ссылка. У нее нет атрибута disable
из-за неправильно выбранного тега вытекает куча головной боли https://css-tricks.com/how-to-disable-links/

Answer 2

[sha256]

Подключай джава-скрипт, отслеживай нажатие и по нему делай кнопку disable.

Answer 3

[Амир Алимжанов]

a.disable {
    pointer-events: none;
}