React：如何从 react-bootstrap 组件中删除按钮焦点轮廓？

Question

我正在使用这个 CSS

.reasonButton:focus{
   color: #fff;
    background-color: #676666;
    border-color: #adadad;
    outline: none;
}

有人可以帮我解决这个问题吗？谢谢

Answer 1

.btn:focus {
    outline: none !important;
    outline-offset: none !important;
}

就我而言，它是通过使用上面的代码解决的

Answer 2

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