firefox火狐浏览器outline:none去除虚框失效的坑【兼容坑】

问题描述:H5界面在点击按钮时,因为登录按钮获得焦点,按钮上出现了难看的虚框,强迫症患者表示谁也忍受不了……

在这里插入图片描述

  • 解决方案

找了很多方法,比如直接在css样式中加这行代码

button:focus,button:actived{outline:none;}

又比如在js代码中解决

$("a,input,button").focus(function(){this.blur()});

然而,尝试了无数次,都失败了,

为什么呢?

因为笔者用的是火狐浏览器……

需要用一条火狐浏览器私有的命令,这样

button::-moz-focus-inner,button:focus{border: 0;outline:0;}

重点是:: -moz-focus-inner !!!

好了,又治好了我多年的强迫症。
并不是什么大问题,但这种小bug有时候贼烦人,留个记录让大家省些功夫吧!

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值