Chrome - Productivity, Change Visited Link Color to Red in Google
Google chrome is always under upgrading and new versions keep coming. So far in current chrome version, it is not possible to use the custom.css file to set the color of visited links and hence some tricks are necessary to achieve this. 

Using extensions which are freely available and content scripts one can set their links to change colors after visits. If you are using google search for your project work or have extensive site surfing interests, this feature will instantly help you know which links you have already visited and hence save a lot of your time.

Website makers, writers, content scrapers, technology/education related people and most of the professionals need constant surfing for collecting information and relevant sources. This tip is very helpful to all of them by avoiding revisits to same links again and again.

How to change visited links color in Google Chrome?

Method 1 - Using Extension

Install Stylist extension. Download & install here

Click SETTINGS in chrome


Find the stylist extension and click OPTIONS



Copy & paste the following:

A:visited { color: red ! important }

Name the style

Click the ALL SITE check box

Click SAVE

Find a page with visited link, refresh, and you'll see changes. Further for modifications on a color, you can use this code rgb(255, 0, 0) in place of red.

Method 2 - Using Content Scripts

Using a Content Script (some programming knowledge needed)

Content scripts are nothing but the small JavaScript files that run within the web pages to enhance user experience. Some of the best examples of it include changing color or visited links, increasing fonts on pages and much more. 

Their limitations include an inability to use chrome with APIs, extensions, runtime, storage i18n, web page variables, content scripts etc.

But by exchanging the messages with their parent extension these scripts can overcome some of the said above challenges easily. Content scripts can also make cross-site XMLHttpRequests to the same site as well as communicate with web pages using shared DOM. On more on their capabilities visit here.

The best example is script referring to extension files. You can get URL of extension's file using chrome.extensions.getURL() and put result as a normal URL.

//Code for displaying <extensionDir>/images/myimage.png:
var imgURL = chrome.extension.getURL("images/myimage.png");
document.getElementById("someImage").src = imgURL;

code source:

One of the most favorite for our purpose is "Programmatic Injection"

This inserts a code into a page programmatically (where javascript or CSS is useless on every single page) to achieve  a particular result. 

e.g. Clicked URL turns red in Chrome browser

chrome.browserAction.onClicked.addListener(function(tab) {
    code: '"red"'
"permissions": [

code source:

If you have a keen interest in content scripts, this article will surely help you learn more about them easily. For more brief on Content Scripts, visit chrome's developer site here.

How to enable visited link color in Mozilla Firefox?

Visited Add-On 

Its a great add-on freely available on firefox add-on library and installation is just easy as a click. You can mark all visited links a custom color. 

Using Safari? Smart you, isn't you?

You can add your custom.css file with below code string.

a:visited { color: #ff0000 !important; }

Go to the Safari Click on File in Menu bar > Preferences > Advanced > locate "Stylesheet". By default it shows "nothing selected" and here you can choose file. (select your just now created css file) 

Note: you can use any text editor such as notepad to create *.css file, just save as css.

No comments:

Post a Comment

No more post found.

Choozurmobile - Shop Some of the Best Products Online Copyright © 2020 | Privacy Policy | Disclaimer | TOS