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?
 
darren-w-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
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
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
 
nedloganCommented:
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.