element-ui没有添加diabled属性但是希望他不能编辑

肖肖肖丽珠

于 2024-12-05 11:33:36 发布

阅读量474

点赞数 3

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/qq_33769914/article/details/144261048

版权

element-ui radio和checkbox禁用时不置灰还是原来不禁用时的样式-CSDN博客
和这个文章功能是一样的。但是换了一种思路解决。

/*没有添加disabled属性也不让他编辑*/
.notEdit-page .el-checkbox__input.is-disabled + span.el-checkbox__label,
.notEdit-page .el-radio__input.is-disabled + span.el-radio__label {
  color: #606266;
}
.notEdit-page .el-radio__inner:hover,
.el-checkbox__inner:hover {
  border: 1px solid #aaa;
}
.notEdit-page .el-radio,
.notEdit-page .el-radio__input,
.notEdit-page .el-radio__inner,
.notEdit-page .el-checkbox__input,
.notEdit-page .el-checkbox__label {
  cursor: not-allowed;
}