How can i prevent a dotted border to appear after i click on a link?

How can i prevent a dotted border to appear after i click on a link?
falfouliAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
darren-w-Connect With a Mentor Commented:
try this:

<style>
a:active,  a:focus{
    border:none;
    outline:none;
}

</style
0
 
darren-w-Commented:
I dont thing this can be done, its system and browser specific
0
 
Gurvinder Pal SinghCommented:
which browser? i don't get any dotted border when i click any link?
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
falfouliAuthor Commented:
ie and ff
0
 
darren-w-Commented:
You could do it with javascript:

<script type="text/javascript">
function redirect(a)
{
window.location = a;
}
</script>

<div><p style="color:blue" onclick="redirect('http://www.google.co.uk');">test code</p></div>

Open in new window

0
 
Gurvinder Pal SinghCommented:
can you share the internet link which is showing you a dotted border?
0
 
falfouliAuthor Commented:
for example my site: www.islamobec.com
when you click on the next navigation arrow there is a big ugly border that appears??
0
 
nedloganConnect With a Mentor Commented:
Hi,
Have you tried adding the following to your stylesheet:
a{
outline:none; /*FF1.5+ IE7+*/
-moz-outline:none /* FF<=1.5*/
}
If you only wish to target arrow links add a class e.g
a.arrorws/*CSS*/
<a href="" class="arrows"> <!-- html -->
Regards.
0
 
falfouliAuthor Commented:
thank you
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.