CSS :default Selector

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

Article Tags :

CSS

Web Technologies

CSS-Selectors