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
Share your thoughts in the comments
Please Login to comment...