diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 83e74fe1..ec5395d1 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -21,6 +21,7 @@
           <li>[新增] table 表格组件 excel 导出工具栏。</li>
           <li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>
           <li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
+          <li>[修复] checkbox 复选框组件, 选中颜色丢失。</li>
           <li>[修复] slider 滑块组件, 默认 step 值异常。</li>
           <li>[升级] layer-vue 1.3.10 版本。</li>
         </ul> 
diff --git a/src/component/checkbox/index.less b/src/component/checkbox/index.less
index fe092540..dcdc8703 100644
--- a/src/component/checkbox/index.less
+++ b/src/component/checkbox/index.less
@@ -95,12 +95,21 @@
   color: @global-checked-color;
 }
 
+.layui-form-checked span,
+.layui-form-checked:hover span {
+  background-color: @global-checked-color;
+}
+
 .layui-form-checked[lay-skin="primary"] i {
   border-color: @global-checked-color !important;
   background-color: @global-checked-color;
   color: #fff;
 }
 
+.layui-form-checked[lay-skin="primary"] span {
+  background: 0 0 !important;
+}
+
 .layui-checkbox-disabled[lay-skin="primary"] span {
   background: 0 0 !important;
   color: @global-neutral-color-8 !important;
diff --git a/src/component/colorPicker/index.vue b/src/component/colorPicker/index.vue
index 4920e84c..b80b0343 100644
--- a/src/component/colorPicker/index.vue
+++ b/src/component/colorPicker/index.vue
@@ -47,7 +47,10 @@ onMounted(() => {
 });
 
 watch([red, green, blue], (newValue) => {
-  emit("update:modelValue",rgba2hex(red.value, green.value, blue.value, alpha.value));
+  emit(
+    "update:modelValue",
+    rgba2hex(red.value, green.value, blue.value, alpha.value)
+  );
   let { h, s, v } = rgb2hsv(red.value, green.value, blue.value);
   hue.value = h;
   saturation.value = s;