Как убрать эффект обводки у ссылки?

Question

[Александр Александрович]

Подскажите, пожалуйста, как убрать обводку у ссылки при нажатии?

Comments

[hadra]

Уже ответил.

Answer 1

[Юрий Лобанов]

Уважаемый @hadra , не городи х..рню! Вопрос стандартный и всегда решается a { outline: none;}
Именно это раздражает верстальщиков и пользователей и именно таким образом борются. Тот факт, что автор указал при нажатии - говорит лишь о том, что автор видит эту обводку только при нажатии. Где Вы видели обводку в другом случае? Ее надо отдельно прописывать, и если так сделано, то автор всяко догадается, как ее отменить для нажатой кнопки.
Теперь собственно информация для @tatu - если не срабатывает - работаем следующим образом. Пишем a { outline: none!important;}, если помогает - можете и так оставить, но это костыль. Необходимо найти стили, где приписано иначе, вооружившись инспектором кода или firebug и добиться нужного результата без использования important. Если не помогает - то где-то в стилях уже прописано с important - тем более - инспектор кода и ищите, какой стиль перекрывает Ваше правило.

Comments

[Виталий Киренков]

@iiil Как говорится - респект и уважуха. То же самое хотел написать, никак до компа не мог добраться.

[Юрий Лобанов]

@DeLaVega просто парень решил, что хитрее всех. Кстати, по ссылке перешел, вроде бы там без important все решиться должно. По крайней мере прописал в element.style outline: none и все ок, обводка ушла.

Answer 2

[hadra]

a:active{
border:0;
outline: none;
}

Жду спасибку )

Comments

[hadra]

Работать только на css3 будет. Можно сделать костыль что бы везеде работало, но это того не стоит..

[Константин Величко]

@hadra вообще не будет

[hadra]

@Zoxon Почему не сработает ?
Давай так, ты прочитаешь нормально вопрос.

При нажатии, а не навсегда. Тут либо css3 либо js(обработка событий, замена класса). Все. Можно еще нагородить костыль, но лучше я js использовать буду, чем костыли.

[Александр Александрович]

@hadra Непомогло

[hadra]

@tatu скинте html и css. Я сделаю. У вас Браузер не старый ?? я надеюсь.

[hadra]

@tatu вы смотрели верстку вообще ?

[Александр Александрович]

@hadra Вы написали, я сразу же иду её смотреть, а то что то подозрительно

[hadra]

@tatu откройте консоль отладчика. увидите..
И лучше бы вы не использовали фреймовки... подправле html и в css ищите border:dotted;(или border: dashed;)

[hadra]

<style>*{border:0 none;outline: none;}</style>
Запихни это где-то в body...и посмотри, если пропала, то дело в css , если нет, то поправь html и надейся на лучше.. если не пропало, то дело в js... отключи его и посм.
У тебя такая фигня везде.. Если нажать на любую ссылку...
Проверь: a{} и там где участвует *{} скорее в ней вся фигня.

Answer 3

[Виталий Киренков]

a { outline: none;}

Comments

[hadra]

При нажатии а не навсегда.

Answer 4

[Talyutin]

outline-style: none;

Answer 5

[Константин Величко]

* { outline: none;}

Comments

[hadra]

При нажатии а не навсегда.

Answer 6

[Александр Решетняк]

a:focus, a:active{outline: none}