CODEWITHSUNDEEP
htmlcss
crezc3nt
crezc3nt

Reputation: 313

How to remove border around hyperlink image in Firefox

I can not remove these border from my hyperlink image:
1
I tried:

a img {border: none}

img {border: none}

a {border: none}

* {
    outline: none;
    border: none
}

I tried border: 0; too. But it's not working. Tested on Windows 7 Ultimate using Firefox 35.
Demo
Hard reload if you can't see it.

Upvotes: 0

Views: 353

Answers (2)

Maen
Maen

Reputation: 10698

The displayed placeholder in img tags for broken links is controlled by the browsers, and the border may be included in the placeholder image (or not, but that's not the point).

In this case, you just can't do anything about this border (but avoid broken links).

Upvotes: 1

Andy
Andy

Reputation: 4778

Your CSS is not best practice and could be throwing off the browser. Make sure you end each line with a semicolon ;

a img { border: none; }

img { border: none; }

a { border: none; }

* {
    outline: none;
    border: none;
}

Upvotes: 1

Related Questions