Псевдоклас CSS :active представляє елемент (наприклад, кнопка), який активує користувач.
Кнопки є одними з найпоширеніших елементів інтерфейсу користувача. Він використовується для взаємодії користувачів із системою та виконання дій, роблячи вибір. Чисті активні кнопки CSS використовується для створення активної кнопки, яка працює, коли користувач натискає кнопку. Кнопку можна створити за допомогою тегів <a> і <button>.
Селектор :active використовується для виберіть і стиль активного посилання. Посилання стає активним, коли ви натискаєте на нього. Порада: селектор :active можна використовувати для всіх елементів, а не лише для посилань.
Активний стан Цей стан з’являється, коли користувач натискає кнопку, інформуючи користувачів про те, що продукт успішно виконав дію. Принципи дизайну та найкращі методи: застосуйте візуальний ефект, як-от заливка кольором або відтінок, щоб вказати, що виконується дія.
Як відключити кнопку в CSS
- Використання атрибута disabled у HTML: найпростішим підходом є додавання атрибута disabled безпосередньо в тег кнопки в HTML. Це зробить кнопку неактивною, що не дозволить користувачам взаємодіяти з нею. < …
- Використання селекторів CSS для націлювання на вимкнені кнопки: