<button>按钮在bootstrap在不同浏览器的差异？

Question

小白请教一下，如何解决button按钮在chrome和opera浏览器中的bootstrap的蓝色边框【点击后】（默认样式），fixfox和safari中没有此边框，由于是mac系统所以没测试IE，试了半天也没覆盖掉

Answer 1

这个啊，设置样式
```css
button:focus {
  border: none;
  outline: none:
}
```
应该就没问题了，望采纳

Answer 2

抛开bootstrap这个框架，button这个标签本身，在不同的浏览器中，表现有差异。

一般的解决方法是：不直接使用button标签，使用<label for >来模拟出按钮的效果。

Answer 3

有些浏览器会画蛇添足（？？）给标签添加样式，所以就出现了你说的效果，如果想统一效果，可以换用其他标签，然后用 js 来实现功能。