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。

Answer 2

在您的HTML中，加载style.css后加载bootstrap-select.min.css。

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

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