但正在图片交换文字,或者许虚线显现没有规定的时分,去掉它关于一度货物来说会是更圆满的。由于这外面有潜规定。多用点心,把货色做得更好。因为,下面的写法集体并没有引荐。从技能上,某个办法并没有片面。从经验上,我想你也晓得,咱们但是去掉全体没有需求的,去掉全副并没有敌对于。
Firefox 存着bug,input 需要去某个伪形态下的边框
::-moz-focus-inner{outline:none;}
同上,但正在tab的时分,IE将保存虚线框
:active{outline:none;}
IE8 Firefox Webkit Opera
:focus{outline:none;}
IE
hidefocus
IE8 Firefox Webkit Opera
outline:none
失效的阅读器
去除的形式
Demo: 我能正在用 TAB 键的时分没有去掉虚线框吗?干什么我的 input 正在 firefox 下没有顺利去除虚线框?该署成绩被提出的时分,搅扰着没有少人。 <input class="btn_srh2" type="submit" name="button" id="button" value="开放" onfocus = this.blur() />
<input class="btn_srh1" type="submit" name="button" id="button" value="空降" onfocus = this.blur() />
IE6和IE7DE 处理方法:
好吧,没有得没有否认的是,该署大事,都还真是一门知识,咱们要好好进修,好好积攒。
除 IE6/7 外的一切阅读器的旋钮(firefox没去掉)和链接都被去掉虚线框
去除太多
IE6/7 并没有支撑 outline 属性, firefox 下 input 的虚线并没有去除
去除没有片面
从这段代码来看,让咱们小综合一下,有零点能够是需求咱们留意的:
}
outline:none;
a:focus, input[type=button] ,input[type=submit] {
关于如何去除虚线框,有很多人引荐那样写:
如何去除虚线框
话说,关于去除虚线框,即便是一度前者开拓任务者,也能够没有晓得一切的潜规定。实在没有然,由于是两个现异性质的成绩。小结一下,看某个表:
对于于潜规定、对于于BUG
这是看上去冲突的两个成绩。
。由于很多状况下,它是一度听觉上的辅佐,况且盲众人需求它(怎样个需求法,别问我),咱们并没有需求去掉。