Появляются красные линии на элементах, в чем дело?

Question

[Кирилл Казаков]

Верстка самая обычная

<a href="#">
                    <i class="fa fa-twitter" aria-hidden="true"></i>
                </a>

a {
    padding: 0 5px;
    color: transparent;
    background: none;
}

Кто сталкивался ?

UPD: Используется bootstrap и fontawesome

Comments

[Игорь]

ссылку на сайт дай умник.

[Кирилл Казаков]

Игорь: На локале

Answer 1

[Кирилл Казаков]

Видимо bootstrap шалил.
Для a, a:hover, focus, active стоит сделать так :

color: transparent;
    outline: 0;
    text-decoration: none;

Answer 2

[Максим]

вы ни весь код показали - где есть это border или background или box-shadow или х.з что , выложите весь код или покажите ссылку на сайт

Comments

[Кирилл Казаков]

Уже решил(ответ выше), спасибо за внимание.
Там ничего более не было, ни shadow, ни background )