我想在下拉列表获得焦点时消除轮廓线。请参考以下图片: 我尝试使用!important覆盖Bootstrap,但根本不起作用。突然间在开发工具中看到了这个: Bootstrap也使用!important标签,所以我无法覆盖它。我可以使用id设置焦点轮廓为0,但是我的网站上有很多下拉列表。有解决这种情况的方法吗? .bootstrap-select .dropdown-toggle:focus{ outline: none!important; }
你的 style.css 文件在 Bootstrap css 文件加载之前。然而,为了覆盖 Bootstrap 样式,你必须在 bootstrap-select.min.css 文件之后加载你的 style.css 文件。
在你的HTML中,先加载bootstrap-select.min.css,再加载style.css。换句话说,先加载bootstrap-select.min.css,然后再加载style.css。在同一规则内,后定义的属性将覆盖先前定义的属性。