Когда я использую атрибут класса в теге img, я вижу, что граница также отображается вместе с ней.Как устранить границу

Question

Я использую класс CSS для изображения.Когда я использую класс CSS в теге img, я вижу границы вокруг изображения.Прикреплен скриншот.Я вижу границу вокруг этого изображения

Фактическое изображение должно выглядеть следующим образом

Вот CSS:

.bigDropArrow {
  background-image: url(/assets/images/bigdroparrow.png)!important;
  height: 35px;
  width: 91px;
  display: block;
  background-repeat: no-repeat;
  padding-bottom: -32px;
  padding-right: -9px;
  margin-left: 213px;
  margin-top: -90px;
  z-index: 1000;
border:0;
}

Вот HTML:

 <img class="bigDropArrow" alt="">

Answer 1

Я думаю, что проблема в: focus или: active, попробуйте добавить, и у вас нет src = "atttribute"

img {outline : none;}

или

img:focus {outline : none;}
img:active {outline : none;}