小编Sar*_*ron的帖子

我一直面临着删除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>