الأنماط النشطة (Active)

تطبق فئة :active الزائفة الأنماط على عنصر ما عندما يتم تنشيطه من قبل المستخدم، وعادةً ما يكون ذلك عندما ينقر المستخدم على عنصر ويستمر في الضغط على زر الماوس.

على سبيل المثال:

<button class="action-button">Click Me!</button>

أضف CSS لتنسيق الزر عندما يكون نشطاً:

.action-button {
  background-color: blue;
}
.action-button:active {
  background-color: darkblue;
}

عندما تنقر مع الاستمرار على الزر، سيتغير لونه من الأزرق إلى الأزرق الداكن. يوفر هذا للمستخدمين ملاحظات مرئية تفيد بأنه يتم تسجيل إجراءاتهم.