CSS Style form elements ( :enabled and :disabled pseudo classes )

Form elements are enabled by default. That is, they only become disabled if the disabled attribute is set. Using input:enabled will match every input element that doesn’t have a disabled attribute. Conversely, button:disabled will match all button elements with a disabled attribute:

[dailydeveloper]

Using :enabled won’t introduce side effects for <span> elements. Limiting the scope is helpful, however, when you want to style various types of form controls differently.