When you click on a link element, it becomes focused and displays a dotted border around it. In some case, you might want to remove that outline for aesthetics, especially on menu links that are displayed as block elements. To remove that outline, simply place this CSS line of code:

a:focus {
	outline:none;
}

In the above example, all links that become focused won’t display the outline.

Keep in mind that hiding that outline will prevent people use keyboard navigation to see which element is selected.