html - 覆盖 Bootstrap !重要

Question

我只想在焦点状态下去掉下拉列表中的轮廓。看这张图

我尝试使用 !important 覆盖 Bootstrap ，但根本不起作用。只是检查开发工具，突然看到这个。

Bootstrap 也使用 !important 标签。所以我无法覆盖它。我可以使用 id 按钮并将焦点轮廓设置为 0，但我的网站中有很多下拉菜单。对这种情况有什么解决办法吗？

.bootstrap-select .dropdown-toggle:focus{
   outline: none!important;
}

Answer 1

您的 style.css 文件在您的 Bootstrap css 文件之前加载。但是，您必须在 bootstrap-select.min.css 文件之后加载您的 style.css 才能覆盖 Bootstrap 样式。