时间戳

首页 > 解决方案 > 引导按钮轮廓

css - 引导按钮轮廓

问题描述

我的按钮有问题。

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

<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>

标签： csshtmltwitter-bootstrap

解决方案

将此添加到您的CSS

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

PS：不建议删除它，因为它旨在使残障人士或不使用触摸/鼠标作为控制的人更容易获得用户体验（例如，如果您尝试使用导航到该按钮TAB 按钮会很硬）

推荐阅读