Как убрать браузерную обводку у различных элементов в состоянии :focus

Как убрать браузерную обводку у различных элементов в состоянии :focus Верстка

В данной коротенькой статье, приведу готовое решение по тому как убрать браузерную обводку у button, input, textarea, checkbox и прочих элементов верстки появляющуюся в состоянии :focus в различных браузерах: mozilla, google chrome.

:focus {outline: none !important;}
::-moz-focus-outer, ::-moz-focus-inner {
    border: 0px !important;
    padding: 0;
}
a:focus,
a:active,
button:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
input, textarea,input:active, textarea:active {outline:none;}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
visibility: hidden;
}

Пишите в комментариях помогло или нет!

Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( Пока оценок нет )
web-revenue.ru
Добавить комментарий