Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to remove the dotted line around the clicked a element in html

Tags:

html

css

I found that if there is a a link in the page which does not link to a new page,then when user click it,there will be a dotted line around the element,it will only disappear when user click anything else in the page,how to remove this?

Example:

enter image description here

Note the dotted line around the element Section 2.

like image 812
hguser Avatar asked Nov 02 '12 12:11

hguser


2 Answers

Use outline:none to anchor tag class

like image 59
Sowmya Avatar answered Oct 11 '22 13:10

Sowmya


Like @Lo Juego said, read the article

a, a:active, a:focus {    outline: none; } 
like image 34
Mark Avatar answered Oct 11 '22 13:10

Mark