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

在项目开发中遇到了IE浏览器的兼容问题。前端使用VUE框架+Element UI组件，在写一个dialog时，使用el-switch，在chrome下调试时，没有发现问题，组件居左，如下图在IE浏览器下打开，发现组件居中了，如下，按F12查看元素，发现这样一个关键字，initial，CSS initial关键字用于设置CSS属性为它的默认值，本来el-switch应该继

feiyu_may

2720人浏览 · 2018-07-09 21:06:02

feiyu_may · 2018-07-09 21:06:02 发布

在项目开发中遇到了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文件中修改属性即可，如果涉及到多个组件，可以在共同的父组件中设置。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^