1、el-select组件内在IE9中会出现下图样式错乱,解决办法:
// select框固定下拉箭头兼容ie9
.el-select .el-input .el-input__suffix .el-icon-arrow-up{
-ms-transform: rotate(180deg)\0;
}
2、IE9中elementui的message提示框会出现样式错乱,解决方法:
// 兼容ie9,使提示框显示正常, \0是让这条代码只在IE9中生效;
.el-message .el-message__content{
display: inline-block\0;
}
3、IE9中el-cascader组件下拉没有水平对齐,解决方法:
// ie9 el-cascader兼容性问题
.el-cascader-menu__list .el-cascader-node .el-cascader-node__postfix,
.el-cascader-menu__list .is-active .el-cascader-node__prefix{
top: 10px\0;
}
4、IE9日期组件样式问题解决方法:
/* 解决IE9 日期组件样式问题 */
.demonstration, .el-date-editor--datetimerange {
display: inline-block !important;
vertical-align: middle;
line-height: 24px;
}
5、IE9的弹性布局flex都会失效,凡是在IE9中使用flex的都需要改成float浮动布局或者使用display: inline-block;属性来纠正。
6、如果要想使某一行代码在IE9中生效那么只需在代码后面添加 \0 ,例如: float: left\0;