ie9、10中“checkbox”不显示问题

<input    
    type="checkbox"
    class="left checkBtn"
    v-model="item.isChecked"
    @click="changeCheck(item)"
    :logData="
       JSON.stringify({
        m: 'M12',
        f: 'M1203',
        a: item.isChecked ? 'M120308' : 'M120307',
        d: index + pageSize * (curPage - 1) + 1,
        r: item.FN,
        })
     "
 />

上面一段代码看起来没什么问题，但是在ie浏览器里就是不显示checkbox。

最后定位到是因为checkBtn这个class属性中设置了width，把width去掉就可以正常显示了。。。。

最近几天修改ie兼容性问题，总结了一些技巧，在遇到一些莫名其妙的样式的时候，尝试使用删除代码法 来一点一点定位问题：

比如上面的input不能正常显示，但是项目里的其他input框能正常显示，那就说明是这个input框自身的问题，

然后再定位：（1）看这个input框上的点击事件、class属性，例如：把onclik事件删掉看看是否正常显示，或者一个一个删除class中的属性 看是否能正常显示。

如果还是不可以的话，(2)就看下是不是这个ipnut的父级有些属性(点击事件、class属性)导致的，

如果还是不行的话，就看下是不是input的兄弟节点元素的属性/样式影响了input框。

总之就是一点一点的定位问题。