css - 删除主按钮周围的轮廓

原文 标签 css twitter-bootstrap-3

我尝试覆盖 Bootstrap 样式并且所有作品都很完美。但我注意到当用户按下主按钮时

<button class="btn btn-primary">Test</button>

它显示一个蓝色轮廓,我无法删除它。我试图覆盖一个类:
.btn:focus {
  outline: none;
}

但它不起作用。它仍然显示出这个该死的蓝色轮廓。而且我找不到它声明的位置,因为我是 CSS 中的菜鸟。
Primary button preview

附言如果它可以帮助我使用 Chrome 浏览器 v.56。

最佳答案

不是最好的方法,但试试!important。

我猜你的引导风格是在你的其他风格之后加载的,所以你会被覆盖。

编辑:还考虑使用更精确的选择器会是更好的方法(见评论)
另请查看 this

关于css - 删除主按钮周围的轮廓,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42062947/

相关文章:

jquery - jQuery动画无法悬停

html - 在 block 内时图片链接不起作用

javascript - 如何制作适用于Web和移动设备的SVG响应式进度栏?

jquery - 如何使 Bootstrap 轮播 slider 使用移动左/右滑动

html - 如何仅在HTML的底部输入中显示数据列表

javascript - 加载HTML中的前3个图像元素,单击“加载更多”以显示后2个元素

html - html中的图旁边有一个点

html - 如何删除页面中的填充?

jquery - Summernote RTF文本编辑器:minHeight和maxHeight选项无效

javascript - 如何添加 'don' t 再次显示此消息'复选框与本地存储?