CSS :optional Pseudo Class - Playground Example

« Back to CSS :optional Pseudo Class

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input:optional { 
   border:1px dashed green; 
} 
</style>
</head>
<body>
<p>Please enter your name and age.</p> 
<p>Name: <input name="name" required ></p> 
<p>Age: <input type="number" name="old"> (Optional)</p> 
<p><button>Submit</button></p>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee