button在IE6/7下的黑边除去计划方案

好长时间沒有解决过IE6下的适配难题了，今日有盆友碰到过input[type="submit"]和button[type="submit"]在IE6⑺下会出現黑边，即使是你在款式中重设了1个border特性也是这般。简直蛋疼的很。后来历经搜索有关的材料，终究寻找掌握决方式，放上来与大伙儿共享1下，这个难题有将会不只1本人会碰到。(^_^)

在详细介绍怎样解决这个bug之间大家1起往返顾1下，在IE6⑺下，input[type="submit"]和button[type="submit"]存在的难题还不但是这个，普遍的有：button在IE67下的宽度适配难题、button的行高难题（各访问器下分析不1样）、button的outline难题，乃至submit在ios下也存在难题。这么多烦人的事，苦逼了前端开发人员。今日就在为大伙儿提升1个难题的处理计划方案——怎样除去IE67下按钮的黑边框

难题

难题是这样的，你的登陆表单中有1个登陆按钮，当登陆按钮获得聚焦点，而且消退聚焦点后，登陆按钮会有1个1px的黑色边框，这样立即危害了网页页面的实际效果，可是这样的难题是如何来的，我也不知道道（期待有了解盆友能帮忙解释1下）。并且这样的bug将出現在下面两个元素上：

button按钮应用了【type="submit"】会造成这样的bug;input应用了【type="submit"】也会造成这样的bug。

1起看来这个难题的截图：

处理计划方案

要处理这样的bug最好是的方式便是在button和input的标识外加上1个标识，随后将款式写在这个标识上，而且把button和input的默认设置款式都除去掉，坚信很多同学是这样应用的，简易了事。但有的状况下大家是没法为这两个元素加上标识的，那末大家就必须其他方式来处理。

一切正常的处理计划方案是没了，仅有应用滤镜来处理：

由于这个难题，存在全部按钮上，以便1劳永逸，提议在reset.css款式中添加：


特性挑选器在IE下沒有获得较好的适用，可使用类名来替代，例如说“form-text”。

便是这么1句编码，把黑色边框去掉了。

顺带详细介绍1个IE6⑺处理聚焦点点状线除去的技能，大家有时在ie6⑺下应用

没法除点状线，但有时又必须去掉这样的点状线，那末有也是有1个较为BT的处理方式，编码就1句：


看个比照图吧：

难题是处理了，但你要问我这个难题为何会这样，又为何这样能处理？说真话，我也不知道道，我只想告知大伙儿的是，这么做能处理你必须处理的难题，期待对大伙儿有一定的协助。假如您了解如何来的，记得告知我哟。感谢！