Skip to content
Related Articles

Related Articles

Improve Article

CSS | :focus Selector

  • Last Updated : 21 Dec, 2018

The :focus Selector is used to target the focused element. This selector work on User Input elements.


:focus {


<!DOCTYPE html>
        input:focus {
            background-color: limegreen;
    <h3>Fill this form</h3>
        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">
        <button type="button" onclick="#">Sign Up</button>


Supported Browsers:

  • Google Chrome 4.0
  • Edge 8.0
  • Firefox 2.0
  • Safari 3.1
  • Opera 9.6
    My Personal Notes arrow_drop_up
  • Recommended Articles
    Page :