How to Remove the Outline Around Hyperlinks Images

How can I remove the outline around hyperlinks images?

For Remove outline for anchor tag

a {outline : none;}

Remove outline from image link

a img {outline : none;}

Remove border from image link

img {border : 0;}

how to remove border of a hyper-link image?

Or add it inline to the img element:

<li>
<a href="#">
<img style="border: 0;" src="images/hospitality.png" title="" />
</a>
</li>

HTML/CCS: how to remove the box around link element?

I guess you are talking about the outline box.
You can remove it with:

div{  color: white;  border: none;}
a, a:focus{ color: inherit; border: inherit; outline:none;} a:link{ text-decoration: none;}
<html><body><div><a href='/trap'> inherit </a></div>    </body></html>

How to remove black border around hyperlinked image?

img {
border: 0
}

Or old-fashioned:

<img border="0" src="..." />
^^^^^^^^^^

Removing link border only from links that are images

Add a class to remove the border from some links.

CSS:

a.img {
border: none;
}

HTML:

<a href="#">This has a border</a>
<a class="img" href="#"><img sc="" alt="No border" /></a>

how to remove the dotted line around the clicked a element in html

Use outline:none to anchor tag class

CSS Removing blue outline on HTML email href images

Remove the border from the image:

a img {  
border-style: none;
}


Related Topics



Leave a reply



Submit