:disabled е състояние, а не просто сив цвят

Полезно е да знаеш

:disabled избира елементи, които са в действително изключено състояние. То означава, че потребителят не може да ги активира или редактира по обичайния начин; те не получават стандартния фокус. [1]

Пример: button:disabled { opacity: 0.6; }. Само клас .disabled и блед цвят не създават това поведение. При нативните формови контроли използвай disabled, когато това е желаната семантика. Обясни защо действието е недостъпно, ако причината не е очевидна. Скриването на възможността чрез CSS не заменя проверката за разрешение при обработване на заявката.