IE浏览器兼容问题之initial关键字

    在项目开发中遇到了IE浏览器的兼容问题。前端使用VUE框架+Element UI组件，在写一个dialog时，使用el-switch，在chrome下调试时，没有发现问题，组件居左，如下图
 

    在IE浏览器下打开，发现组件居中了，如下，

 

    按F12查看元素，发现这样一个关键字，initial，CSS initial关键字用于设置CSS属性为它的默认值，本来el-switch应该继承el-dialog body的属性，但是却没有，原因是Internet Explorer 或 Opera 15 及其之前的版本不支持 initial 关键字作为一个属性值。

 
    找到问题后，我们就可以对症下药，在对应的vue文件中修改属性即可，如果涉及到多个组件，可以在共同的父组件中设置。