css · 01.02.2010

Рамка вокруг ссылок

Многие знают и видят, что вокруг html элементов когда он в фокусе появляется рамка. Меня если честно она бесит, вот так это можно убрать. Вообще считаю что нужно для всех браузеров, ее по умолчанию не выводить.

:focus {outline: none;}

И еще пару примеров:

Для кнопок
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {/* */
border: none;
}

Для input type="radio"
:focus {-moz-outline: 3px solid #fff !important;}
input[type="radio"]:focus {-moz-outline-radius: 12px !important;-moz-outline-offset: 0px !important;}

Для input type="checkbox"
input[type="checkbox"]:focus {
 -moz-outline-offset: -1px !important;
 -moz-outline: 1px solid #000 !important;
 }