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> |
Output:
Supported Browsers:
