Remove Firefox dotted outline select on Bootstrap

As a front end web developer, I mostly use Bootstrap framework. And I have often get a problem with  Firefox dotted outline select on Bootstrap.

Firefox dotted outline select
Firefox dotted outline select

In the above image you have seen that a dotted outline. And yes, I am talking about that unwanted outline on Firefox. It appears when you click or focus on a  link in firefox web browser.

How to remove firefox dotted outline?

To remove this unwanted dotted outline selection from Bootstrap,  you just need to write the following css on your master style sheet.  This simple css code will overwrite the default Bootstrap CSS.

CSS to Remove Firefox Dotted Outline  


This will remove or overwrite the default bootstrap css below.

a:focus {
    outline: thin dotted;
    outline-offset: -2px;

So, enjoy bootstrap...

Related Post

50+ Top 2015 Free and Premium CSS Pricing Table Pricing Tables are familiarly used for displaying prices per product or services. It is remarkably important part for a business website that reveals ...
Bootstrap Responsive hexagon Today we will see how to create a Responsive Hexagon that will adjust automatically according to its outer container. Actually we will use bootstrap g...
Ultimate CSS Pricing Tables Will lead 2016 The upcoming year 2016 will be introduced many pricing table. Some will be zigzag, some of them may be animated with 3D effect. But they will not touc...
XStream – Metro Style One page Responsive HTML5 Portfolio Templa... The  amazing  HTML Template on Themeforest by CodexCoder is XStream - Metro Style One page Responsive HTML5 Portfolio Template. It has nice blog secti...

Leave a Reply

Your email address will not be published. Required fields are marked *