How can I remove the lines forming around DIVs or.... anything clickable?

Can someone please tell me how to get rid of the outlining white lines that are appearing when I click on certain clickable items? it looks like the Firefox Web Developer tool is highlighting them but I checked in multiple browsers... See below:

Thanks in advance! I appreciate it.

(top left)



(bottom left)


AB

 

You can't. Firefox and IE8+ does that and IE7 and below sometimes does that. Its the way the browser works and it has nothing to do with your page.

 

Actually you can remove them Bryan.

Technically that is not a border, but an outline. To remove the outline is simple:

a {
   outline: 0;
}

Code (markup):

That will remove outlines for all anchor elements however.

It would probably be best to just handle the anchors in your navigation areas only, and leave anchors in the content alone as a visual aid & accessibility for your visitors.

a {
   outline: 0;
}
#content a {
   outline: 1px dotted #ddd; /* or whatever color you want */
}

Code (markup):

For more information see W3Schools CSS outline Property page.

 

Nice call Dodger, I didn't know about the outline property either, and had been wondering how to remove them also.

 

Thanks That is one of those useless pieces of information lodged in the back of my brain that pops out every now and then.

 

if you are using CSS remove no borders.

 

Dodger,

Thanks again!! It worked like a charm. I appreciate all of your help and everyone else's too!

Amanda