Хром контур не исчезнет в загрузчике 4

Question

https://jsfiddle.net/oyyL5csh/

<button class="btn "> 
test 
</button> 

*:focus { 
    outline: none; 
} 

Answer 1

Похоже Бутстрап 4 комплекта контуров (фактически box-shadow) для каждого варианта кнопки, т.е .: (.btn-primary или .btn-secondary). Так вот, как я достиг этого:

[class*="btn-"]:focus { 
    -webkit-box-shadow: none; 
      box-shadow: none 
} 

Вот JSFiddle.