覆盖引导程序 !important

Question

我只想在焦点状态时摆脱下拉列表中的轮廓。看到这张图片

我尝试使用 !important 覆盖引导程序，但根本不起作用。只需检查开发工具并突然看到这一点。

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

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

Answer 1

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