- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
How to 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>
- Related Articles
- How to change the color of active links with CSS
- Change the Color of Active Links with CSS
- Set the Color of links with CSS
- Set the Color of Visited Links with CSS
- How to change the color of links in HTML?
- Change the color of links when we bring a mouse pointer over that line with CSS
- Setting the Color of Links using CSS
- How to change the color of the placeholder attribute with CSS?
- Change Cursor Color with CSS caret-color
- Change the color of right border with CSS
- Change the color of top border with CSS
- Change the color of the bottom border with CSS
- Change the color of the left border with CSS
- Change the background color of a button with CSS
- How to change the color of selected text using CSS?
Advertisements