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
Contact Us