This CSS property is the most wanted snippet for any Web Developer. Here you will learn how to remove the ugly dotted outline around <a> tags on-click state.

I figured this out some time ago and I am sure not all the developers will not have known this property and this is because I find this ugly dotted outline around all the <a> tags on almost every site I have visited.

You would have found this even on my site till yesterday, but now it seems to be more pleasant for me too without the outline.

Here is a comparison of an <a> tag on my site. Preview is on-click state

Here is what you have to add in the CSS…

/* CSS Document */

a { outline:none; }

Note: This works on Firefox and not for IE. I have not tested on other browsers.

As simple as that. Give it a try on any of your site… I am sure it will look more pleasing.

Cascading Style Sheets (CSS) is a good way to specify the styles of fonts and other page elements on your sites. It makes it easier for you to update styles too, because when done right, you only need to make a single change to update the styles on multiple pages and elements.

Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface.

With Simple CSS, you can manage multiple CSS projects and import your existing style sheets. Simple CSS supports CSS2.

The only disadvantage I found on this cool app that I was not able to filter/search for Class/ID names. I still prefer using the traditional way of building CSS files, but this tool would be very helpful for CSS Starters…