Как убрать обводку с кнопки на :hover, :active, но если через tab, отображалась?

Question

[Masla552]

Здравствуйте. Возникла такая проблема. Когда нажимаю кнопку, она подсвечивается голубой обводкой, на сколько мне известно, это сделано для фокуса. Если задать :focus { outline: 0 !important }, то кнопка ведь не будет обводиться, если через tab ее искать. Как всё таки сделать, что бы при обычном нажатии с мыши, контура не было, а при табе был?

Answer 1

[Антон Усачев]

button {
    outline: none !important; 
}

input[type="button"]::-moz-focus-inner {
    border: 0;
}

А для фокуса нужно придумать свой стиль для кнопки, чтобы было понятно, что она выделена по табу, например:

button:focus {
	box-shadow: 0 0 0 2px blue;
}