lin-view-ui/lib/theme-chalk/checkbox.css

vue components library

.lin-checkbox{position:relative;display:inline-block;margin-right:30px;font-size:14px;font-weight:500;color:#606266;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lin-checkbox .lin-checkbox-input{position:relative;display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;cursor:pointer;outline:0}.lin-checkbox .lin-checkbox-input .lin-checkbox-inner{position:relative;z-index:1;box-sizing:border-box;display:inline-block;width:14px;height:14px;background-color:#fff;border:1px solid #dcdfe6;border-radius:2px;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.lin-checkbox .lin-checkbox-input .lin-checkbox-inner::after{position:absolute;top:1px;left:4px;box-sizing:content-box;width:3px;height:7px;content:"";border:1px solid #fff;border-top:0;border-left:0;transition:transform .15s ease-in 50ms;transform:rotate(45deg) scaleY(0);transform-origin:center}.lin-checkbox .lin-checkbox-input .lin-checkbox-original{position:absolute;left:10px;z-index:-1;width:0;height:0;margin:0;outline:0;opacity:0}.lin-checkbox .lin-checkbox-label{display:inline-block;padding-left:10px;font-size:14px;line-height:19px}.lin-checkbox.lin-checkbox-is-checked .lin-checkbox-input .lin-checkbox-inner{background-color:#409eff;border-color:#409eff}.lin-checkbox.lin-checkbox-is-checked .lin-checkbox-input .lin-checkbox-inner::after{transform:rotate(45deg) scaleY(1)}.lin-checkbox.lin-checkbox-is-checked .lin-checkbox-label{color:#409eff}.lin-checkbox-is-disabled{color:#c0c4cc;cursor:not-allowed}.lin-checkbox-is-disabled .lin-checkbox-input{cursor:not-allowed}