覆盖bootstrap！重要

Question

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

我试着用重写引导！重要的，但不工作。只需检查开发工具，并突然看到这一点。

引导还使用！重要的标记。所以我不能重写它。我可以使用ID来设置按钮并将焦点轮廓设置为0，但我的网站上有很多下拉菜单。任何修复这种情况？

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

Answer 1

正如我可以在您的图像中看到，您的style.css文件加载之前，您的引导CSS文件。所以你必须在bootstrap-select.min.css文件后加载你的style.css文件。

Answer 2

在你的HTML，负载style.css已装载bootstrap-select.min.css后。

换句话说，首先加载bootstrap-select.min.css，然后加载style.css。

在同一规则中，稍后定义的属性将覆盖以前定义的属性。