Как убрать браузерную обводку у кнопок (появляющуюся в состоянии :focus) в Chrome и Firefox?

У кнопок из Bootstrap 3 - при клике на кнопку появляется браузерная обводка (синяя обводка - в Chrome ; и черная пунктирная обводка - в Firefox )

*Аналогичная ситуация (если хотим эту браузерную обводку убрать) в случае с ссылками и инпутами решается с помощью css-стиля:

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

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}

Однако в случае именно с кнопками (button) - просто применение стиля :focus { outline: none; } не помогает.

Что делать, чтобы убрать браузерную обводку у кнопок (появляющуюся в состоянии :focus ) в Chrome и Firefox?

Прикладываю пример кнопки:
jsfiddle.net/r4mef13v/1

(*в jsfiddle при клике на кнопку в фаерфоксе - почему-то нежелательная пунктирная обводка не отображается, хотя на самом деле она есть)