Ich kann nicht glauben, dass ich zum ersten Mal auf dieses Problem gestoßen bin. Ich habe viele ähnliche Fragen zu SO in Bezug auf dasselbe Problem gesucht, aber keine davon hat für mich funktioniert.

Ich habe ein IMG-Tag mit einem Klassenattribut unter Anker-Tag.

So sieht mein HTML aus:

<ul id="racing-menu" class="accordion-menu list-unstyled">
  <li>
    <a id"something" name class"something">
      <img class="icon_71">
    </a>
  </li>
</ul>

CSS

.icon_71 {
  background: url(../../cms/images/sports/something.png) no-repeat;
  width: 36px;
  height: 22px;
  margin: 0 10px 0 0;
  float: left;
}

Ich habe die folgenden Lösungen ausprobiert, um die Standardbegrenzung im Chrome-Browser zu vermeiden

1) border: 0 2) outline: none 3) img class in img id ändern

4) Einstellung

a img {
  border:none
} 

a img {
  border:0
}