Role of CSS: disabled Selector



Use the CSS :disabled selector to style every disabled <input> element. You can try to run the following code to implement the :disabled selector

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          input:enabled {             background: blue;          }          input:disabled {             background: red;          }       </style>    </head>    <body>       <form action = "">          Subject <input type = "text" name = "subject"><br>          Student: <input type = "text" name = "student"><br>          Age: <input type = "number" name = "age" disabled><br>       </form>    </body> </html>
Updated on: 2020-06-30T09:42:34+05:30

237 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements