How to Remove the Outline Around Hyperlinked Images?

Eliminating Hyperlink Image Outlines

When employing CSS Text Replacement with negative text-indent values (e.g., text-indent:-9999px), clicking on affected links reveals an unsightly dotted outline around the image. To address this issue, consider the following solutions:

• Disable Outline for Anchor Tags:

a {
  outline: none;
}

• Disable Outline for Image Links:

a img {
  outline: none;
}

• Remove Border from Image Links:

img {
  border: 0;
}

These CSS declarations effectively remove the outline or border around hyperlink images, providing a more aesthetically pleasing user experience.

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