Как убрать выделение у margin?

Question

[Bliss02]

<div class="col-lg-2">
    <div class="header__profile">
        <a href="#"><img id="heart_" src="/img/profile_heart.svg"></a>
        <a href="#"><img id="cart_" src="/img/profile_cart.svg"></a>
        <a href="#"><img src="/img/profile.png"></a>
    </div>
</div>

.header__profile {
		float: right;

		img:nth-child(-n+2) {
			margin-right: 32px;
		}
	}

Comments

[Сергей delphinpro]

выделяется ссылка, а не margin

a:nth-child(-n+2) {
      margin-right: 32px;
    }

[maralov]

шел 2021-й... float:right OMG

Answer 1

[Andrew]

элемент:focus{
  outline:none;
}

Comments

[Bliss02]

Спасибо, помогло.

[Andrew]

пожалуйста)
NB// с помощью данного метода ухудшается доступность, а именно - пользователь не увидит, что фокус на элементе, если будет переключаться табом. По хорошему надо сделать, чтобы по фокусу на элементе что-то менялось)