1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > elementui在ie9浏览器下的兼容性问题及解决方法

elementui在ie9浏览器下的兼容性问题及解决方法

时间:2024-01-29 09:02:31

相关推荐

elementui在ie9浏览器下的兼容性问题及解决方法

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组件下拉没有水平对齐,解决方法:

//ie9el-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;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。