为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

Seven丶扬 2017-08-22 13:52:02

http://img.mukewang.com/599bc24c000156a010000192.jpg

http://img.mukewang.com/599bc24c0001933012560110.jpg

http://img.mukewang.com/599bc24c0001e65b12700110.jpg

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

查看完整描述

3 回答

?
牛奶老哥哥

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

查看完整回答
1 反对 回复 2017-08-22
?
__innocence

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

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

查看完整回答
1 反对 回复 2017-08-22
  • Seven丶扬
    Seven丶扬
    这个我是知道的,我写页面也不会用这直接用,我是想知道这个标签在chrome和opera中被浏览器添加了什么样式,但试了好多都没去掉
  • Seven丶扬
    Seven丶扬
    这个我是知道的,我写页面也不会直接用这个标签,我是想知道这个标签在chrome和opera中被浏览器添加了什么样式,但试了好多都没去掉
?
kylin_lee

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

查看完整回答
反对 回复 2017-08-22

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信