REMOVING THE UNWANTED 1PX BORDER AROUND LINKS IN FF & IE - Aug 28th, 2013


Here's the scenario.

Clicking on an active link brings you to the page it should.

Click the back arrow in either FF or IE and there’s a 1px dotted box around the link that was clicked on.

It seems that it involves a concept called "focus".

And thanks to Tim Forrest from Toledoh Enterprises there's a simple fix.

He said, "Add this line to your CSS styles sheet and the problem will disappear."



:focus {
outline: 0;
}
__


You might want to Google :focus css to read some of the varying opinions regarding the use of this technique, but if you
need the box to go away, this will work.



The materials on this web site have been created for use with CMS Builder content management software. CMS Builder software is published and licensed for use by InteractiveTools.com. Please contact Interactive Tools for information on the downloading of the software or the purchasing of licenses.


Terms of Service