html - 如何去除bootstrap 4按钮点击效果

Question

我一直面临删除 bootstrap 4 box-shadow 按钮效果的问题，我确实在这里阅读了其他用户提出的一些问题，但找不到解决我的问题的方法。因此，我尝试使用从网站获得的一些 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;
}