Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Sheryl Darroch
.a{fill-rule:evenodd;}techdegree seal-36
Sheryl Darroch
Treehouse Project Reviewer

How do I remove the border from the target of an internal link

I am using this link in my page. 

<a href="#top">Back to top &raquo;</a>

When I click on the link, it creates a border around the target (#top). How do I remove this border?

Thanks in advance for your help!

1 Answer

Simon Duchaine
Simon Duchaine
14,441 Points

What browser are you using ? Are you talking about a little dotted grey border ?

I think you refer to a standard Mozilla Firefox behavior. If so, I just found this article : https://css-tricks.com/removing-the-dotted-outline/

Sheryl Darroch
.a{fill-rule:evenodd;}techdegree seal-36
Sheryl Darroch
Treehouse Project Reviewer

Thank you, Simon ~ that fixed it!

I used the following code:

a { outline: 0; }