Cho HTML gồm 2 thẻ button cùng class .btn-hard, thẻ thứ hai có thuộc tính disabled.
Viết CSS để:
Trạng thái bình thường nền #0D6EFD, chữ trắng, không viền, padding 10px 22px, bo góc 5px, con trỏ chuột dạng pointer
Khi hover VÀ nút không bị disabled, nền đổi sang #0B5ED7
Khi active (đang nhấn) và không disabled, nền đổi sang #0A58CA
Riêng nút có thuộc tính disabled thì vẫn giữ nguyên màu nền #0D6EFD nhưng giảm opacity còn 0.5 và con trỏ chuột đổi thành not-allowed (không cần đổi sang màu xám riêng, chỉ cần giảm độ trong suốt)
Gợi ý: dùng selector :hover:not(:disabled), :active:not(:disabled) và :disabled.