如何删除bootstrap 4按钮单击效果

Question

我一直面临着删除bootstrap 4 box-shadow button效果的问题，我确实在这里阅读了其他用户提出的一些问题，但是找不到解决我问题的方法。因此，我尝试使用从站点获得的一些CSS代码，并且成功地删除了按钮上的蓝色框阴影效果（单击时），但是我注意到，只要在站点中单击按钮，按钮的大小就会被调整，设置回我不喜欢的正常大小。

我的CSS

#ok_but {
    background-color: #50506F;
    border-color: #50506F;
}
#ok_but:hover   {
    background-color: #3C3C52;
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: 0;
}

我的HTML

<button id="ok_but" class="btn btn-primary btn-block" name="login">
    Login
</button>

Answer 1

我希望这段代码可以帮助您解决问题/问题。如果您仍然遇到相同的问题，请给我链接，并确定出现问题的地方，我将进行检查。祝一切顺利！快乐的代码:)

.btn-primary:hover,.btn-primary:focus,.btn-primary:active, 
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:focus, .btn:active, .btn:hover{
    box-shadow: none!important;
    outline: 0;
}