Element UI checkBox只读

需求是希望用复选框的的形式展示数据，所以希望是只读模式
结果图：

思路：一开始希望是可选模式的蓝色，然后不可修改，如下图

然后百度到这些方式，但是没试


最后看到一个评论突然意识到，不应该与用户习惯相悖。因为正常思维下蓝色展示是可选的

但是disable的选中框十分不明显，所以参考评论，将模式改为disable之后，更改一下checkBox的前景色

	>>>.el-checkbox
      padding-top 5px
    >>>.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after
      border-color #7c869a
    >>>.el-checkbox__input.is-disabled+span.el-checkbox__label
      color #7c869a