Role of CSS :optional Selector

Use the CSS :optional selector to style <input> elements with no "required" attribute

Example

You can try to run the following code to implement the :optional selector:

Live Demo

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

200 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements