css - Bootstrap 按钮轮廓

Question

我的按钮有问题。

我想修复点击时的灰色效果，但我不知道该怎么做。

<div class="col-lg-7 col-sm-5 col-md-11">
                        <form class="navbar-form">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Look for something cool">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary"><i class="fas fa-search"></i></button>
                            </div>

Answer 1

将此添加到您的 CSS 中

button:focus {
  box-shadow: none !important;
  outline: none !important; 
}

PS:不建议删除它，因为它旨在让残障人士或不使用触摸/鼠标作为控件的人(例如，如果您正在尝试使用 TAB 按钮导航到该按钮，这将非常困难)