Open In App

CSS :default Selector

Improve
Improve
Like Article
Like
Save
Share
Report

The :default selector is used to set a default element in a group of same type of element in a form. This selector is used on button, option, radio button and check-box. 

Syntax:

:default {
  //property
}

Example: 

HTML




<!DOCTYPE html>
<html>
  
<head>
    <style>
        input[type="checkbox"]:default {
            box-shadow: 0 0 1px 1px gray;
        }
    </style>
</head>
  
<body>
  
    <h3>Select Language</h3>
  
    <form action="">
        <input type="checkbox" name="lan" value="c" checked> C
        <br>
        <input type="checkbox" name="lan" value="c++"> C++
        <br>
        <input type="checkbox" name="lan" value="java"> Java
        <br>
        <input type="checkbox" name="lan" value="c#"> C#
        <br>
        <input type="checkbox" name="lan" value="python"> Python
        <br>
        <input type="checkbox" name="lan" value="javascript"> JavaScript
        <br>
    </form>
  
</body>
  
</html>


Output:

  

Supported Browsers:

  • Google Chrome 10.0
  • Edge 79.0
  • Firefox 4.0
  • Safari 5.0
  • Opera 10.0


Last Updated : 07 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads