我在使用element-ui Checkbox 多选框时，发现当我快速点击选项时会闪烁。
然后发现在我快速点击时有的选项会添加class .is-focus 部分选项隐藏导致点击闪烁。
未点击.jpg
点击时.jpg
代码.jpg
代码.jpg
我一开始设置 display: block; 结果会导致点击时选项错位
.el-checkbox-button.is-focus{
display: block;
}
错位.jpg
把display: block;改为 display: unset;就不会有隐藏导致闪烁了
.el-checkbox-button.is-focus{
display: unset;
}
单选点击切换的时候有时会出现阴影
image.png
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){
box-shadow:0 0 0 0;
}
body{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
网友评论