Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS Firefox - How to deactivate the dotted border ( firefox click indicator )?

This click indicator is a disgusting piece for my recent web projects.. I hate this! - How can I say to my Firefox browser that he should not mark the clicked object?

alt text

like image 450
Tomkay Avatar asked Nov 26 '10 14:11

Tomkay


People also ask

How do I get rid of the dotted border in CSS?

We can remove the default behavior of hyperlinks which is to show a dotted outline around themselves when active or focused by declaring CSS outline property on active/focused links to be none.

How do I remove an outline from Firefox?

Are you getting blue borders around links, inputs, or buttons in the Chrome browser? Or a dotted border in Firefox browsers? To fix this, youll need to add the outline: none; style to a :focus selector for any element that shows the problem.


2 Answers

Provided that your menu items are not input elements (say, buttons), you can hide it using CSS, like so:

element { outline: none; }
like image 122
Ioannis Karadimas Avatar answered Oct 16 '22 12:10

Ioannis Karadimas


a { outline: none; }

like image 28
benhowdle89 Avatar answered Oct 16 '22 13:10

benhowdle89