Как и многие другие начинающие сайтоделы я столкнулся с такой проблемой. Которая не давала мне спать спокойно. Я перелазил много форумов. Но решения были не рабочие.

Как же убрать эту обводку на кнопке??? да просто . ОЧЕНЬ ПРОСТО)))

Все браузеры 
a:focus {outline: none;}

Просто добавляем этот CSS код в стили сайта и все!!! У нас теперь нет этой пунктирной линии.

А теперь: Зачем она нужна ?

Так называемая рамка, граница, пунктирная линия которая появляется на ссылках, кнопках  при нажатии сделана не просто так.

• Она нужна для упрощения навигации по сайту.
• Для людей с ограниченными возможностями, К примеру если человек не может пользоваться мышкой и вынужден использовать только клавиатуру. эта пунктирная линия будет показывать на каком из объектов сайта он сейчас находится.

Может оставим ее там где она была ??? Подумай