fix #12154

dist/css/bootstrap.css

@@ -1998,7 +1998,9 @@ textarea.input-lg {
   border: 1px solid transparent;
   border-radius: 4px;
 }
-.btn:focus {
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;

less/buttons.less

@@ -19,8 +19,13 @@
   .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
   .user-select(none);
 
-  &:focus {
-    .tab-focus();
+  &,
+  &:active,
+  &.active
+  {
+    &:focus {
+      .tab-focus();
+    }
   }
 
   &:hover,