element UI在Chrome浏览器 dialog抖动 CheckBox抖动解决方案

2020-02-03 2,520 阅读1分钟

1.el-checkbox多选框选中时页面抖动

.el-checkbox ::after {
    transition: none!important;
}

2.单选框选中时页面抖动

.el-radio ::after {
  transition: none!important;
}

3.Chrome浏览器下的dialog 在hover时会出现抖动，是因为transform变换会在浏览器上单独创建一个绘画层并重新进行渲染

.el-dialog{
    transform: translate3d(-50%,-50%,0);//方法1
    -webkit-backface-visibility: hidden;//方法2（设置进行转换的元素的背面在面对用户时是否可见：隐藏）
    
}