Оновлено: 19.05.2025

:active

Frontend CSS Псевдокласи :active

Псевдоклас :active

Псевдоклас :active визначає стиль активного елемента. Це такий стан елемента, який відбувається між клацанням і відпусканням клавіші миші. Здебільшого застосовується до посилань і кнопок, але ними не обмежений.

 

 

Синтаксис

Селектор:active { ... }

 

 

Приклад

<!DOCTYPE html>
<html>
  <head>
   <metacharset="utf-8">
   <title>active</title>
   <style>
    button:active {
     color: #f00; /* Active link color */
      background: #00f;
    }
   </style>
  </head>
  <body>
   <p><button>Try me</button></p>
   <p>Press the button above to see how ":active" works.</p>
  </body>
</html>