CSS | :focus Selector
The :focus Selector is used to target the focused element. This selector work on User Input elements.
Syntax:
:focus { //property }
Example:
<!DOCTYPE html> < html > < head > < style > input:focus { background-color: limegreen; } </ style > </ head > < body > < h3 >Fill this form</ h3 > < form > Full name: < input type = "text" placeholder = "Enter Name" name = "name" > < br > User Id: < input type = "text" placeholder = "Enter Username" name = "uid" > < br > Password: < input type = "password" placeholder = "Enter Password" name = "pass" > < br > < button type = "button" onclick = "#" >Sign Up</ button > </ form > </ body > </ html > |
chevron_right
filter_none
Output:
Supported Browsers: