Как убрать пунктирный квадрат у «a» при смещение?

Question

[Way]

Решил оформить "a" под кнопку методом css, но если данный блок удерживать мышкой и потом в бок отвести то у кнопки появляется пунктирный квадрат. Как убрать этот квадрат?

Answer 1

[Андрей Б.]

a {
   outline: none;
}

Comments

[Way]

Знал, что такой ответ будет. Не работает:

a, a:link, a:visited, a:hover, a:focus, a:active {
	outline: none;
}

[Андрей Б.]

А изображение у вас как сделано? Попробуйте img { border: none; } если через img

[Way]

Андрей Б.: это не изображение, вот:

[Way]

Хм, опять код нормально не поставить: {a href="#" class="gcircle gbtn-blue"}{i class="fa fa-user"}{/i}{/a} - (Вместо { } вот это <>)

[Андрей Б.]

Странно. Вариант с псевдоклассами должен работать. А файл CSS точно цепляется?

[Way]

Если бы не цеплялся то ничего бы не показывало. Только fontawesome иконки.

[Андрей Б.]

Выложите этот участок на jsfiddle.net, попробуйте с имитировать поведение. Если так же, то кидайте ссылку.

[Way]

Андрей Б.: хм, на jsfiddle.net такой хрени нет, т.е. там всё гладко работает.

[Андрей Б.]

Юрий Андрианов вот и у меня не получилось воспроизвести.

[Way]

Андрей Б.: а чем может быть вызвана данная рамка?

[Андрей Б.]

На сервак залейте если есть или попробуйте еще codepen.io/. Не думаю что это локальная проблема.

[Way]

Андрей Б.: у меня это как раз и на сервере находится. Я вот думаю сейчас все классы отключить и посмотреть, что будет.

[Андрей Б.]

Юрий Андрианов Тогда ссылку давайте. А рамка вызывается при фокусе на активном элементе. Она появляется сразу после опускания кнопки мышки, что в вашем случае и происходит.

[Way]

Андрей Б.: Всё, нашёл проблему. Оказывается в tabs было прописано outline: none; только для "a", а для ховер и т.п. не было. Но всё равно спасибо вам за помощь.

[Андрей Б.]

Юрий Андрианов Пожалуйста. Вы меня с утра немного в ступор ввели этой проблемой)), всегда убирал рамку через псевдоклассы, а тут на тебе, не работает))

[Way]

Андрей Б.: да сам в шоке))

[Лучник *range attack +10*]

Может где-то в CSS прописано, чтобы эта рамка была? Попробуйте перебейте эти стили, поставив !important.

[Андрей Б.]

Константин Рафиков минус вам в карму за important