如何摆脱 React-Bootstrap Dropdown Button box-shadow？

Question

我试图在单击 bootstrap 下拉按钮时去掉框阴影或第二个边框。

我找不到哪个 class 进行了此更改。

Answer 1

按钮获得适当的“:focus”classes 在焦点上，添加框阴影：

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

要停用此行为，请将“box-shadow”css 属性 设置为“none”。有一个实用程序 bootstrap class 称为“shadow-none”，它的作用相同：https://getbootstrap.com/docs/5.1/utilities/shadows/