How to Remove Outlines and Borders from Hyperlinked Images?

Eliminating Outlines Around Hyperlinked Images

When utilizing CSS Text Replacement along with negative text-indent values (e.g., text-indent:-9999px), a dotted line may appear around clickable links, as illustrated below.

[Image of a dotted line surrounding a link]

Solution:

To resolve this issue, employ the following CSS properties:

Remove Outline for Anchor Tags:

a {
  outline: none;
}

Remove Outline from Image Links:

a img {
  outline: none;
}

Remove Border from Image Links:

img {
  border: 0;
}

By implementing these styles, you can effectively eliminate the unwanted outlines and borders around hyperlinked images, ensuring a seamless and aesthetically pleasing browsing experience.

The above is the detailed content of How to Remove Outlines and Borders from Hyperlinked Images?. For more information, please follow other related articles on the PHP Chinese website!