Role of CSS :required Selector

Use the CSS :required selector to style <input> elements with a "required" attribute. You can try to run the following code to implement the :required selector:

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          input:required {             background-color: orange;          }       </style>    </head>    <body>       <form>          Subject: <input type = "text" name = "subject" value = "C++"><br>          Student: <input type = "text" name = "student" value = "Amit" required><br>       </form>    </body> </html>
Updated on: 2020-07-01T09:17:05+05:30

203 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements