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

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

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

Seven丶扬 2017-08-22 13:52:02
小白请教一下,如何解决button按钮在chrome和opera浏览器中的bootstrap的蓝色边框【点击后】(默认样式),fixfox和safari中没有此边框,由于是mac系统所以没测试IE,试了半天也没覆盖掉
查看完整描述

3 回答

?
牛奶老哥哥

TA贡献204条经验 获得超92个赞

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

查看完整回答
1 反对 回复 2017-08-22
  • Seven丶扬
    Seven丶扬
    这个样式我问之前就试过了,并没有用
  • Seven丶扬
    Seven丶扬
    是outline的问题,我在后面加了!important之后蓝色框子才消失
?
__innocence

TA贡献313条经验 获得超208个赞

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

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

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

TA贡献10条经验 获得超11个赞

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

查看完整回答
反对 回复 2017-08-22
  • 3 回答
  • 0 关注
  • 3981 浏览
慕课专栏
更多

添加回答

举报

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