html - 覆盖 Bootstrap !重要

标签 html css twitter-bootstrap

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

enter image description here

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

enter image description here

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

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

最佳答案

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

CSS file priority

关于html - 覆盖 Bootstrap !重要,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44449372/

相关文章:

html - 如何对齐我的标签和输入字段

html - 使 Bootstrap 图像 (svg) 靠得更近

javascript - 单击更改 Div 标题

javascript - 内联 JavaScript 代码不起作用

html - 如何使 Bootstrap 列在一行中具有相同的高度?

javascript - 加载时出现的模态框

html - Bootstrap nav collapse - 菜单项未在切换下拉列表中对齐

html - 部分的浏览器兼容性

javascript - Bootstrap 警报不起作用

javascript - 根据子元素的值更改父元素的 CSS