What is disabled in CSS?

How to use disabled CSS or enabled CSS?

 Disabled CSS and enabled CSS are the both same if we use the disabled property in the HTML and define a class in the CSS then show color or set any property then show as given below example:
by default enabled CSS work. Both properties will work with the form elements.

<style>

        input[type=text]:enabled {

            background: #0bf;

            border: 1px solid #ccc;

        }

        input[type=email]:disabled {

            background: #eee;

            border: 1px solid #ccc;

        }

    </style>

<form>
<p>Enabled CSS: <input type="text" value="Name"></p>
<p>Disabled CSS: <input type="email" disabled="disabled" value="Email"><p>

</form>