Change the Color of Focused Links with CSS



Use the :focus class to change the color of focused links. Possible values could be any color name in any valid format.

Example

You can try to run the following code to implement the color of the focused link −

<html>
   <head>
      <style>
         a:focus {
            color: #0000FF
         }
      </style>
   </head>
   <body>
      <a href = ""> This is demo link </a>
   </body>
</html>
Updated on: 2020-03-05T05:01:04+05:30

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements