style: 优化复选框半选禁用样式

qkiroc · Dec 1, 2023 · cedae5d · cedae5d
1 parent 68c6390
commit cedae5d
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/amis-ui/scss/components/form/_checks.scss b/packages/amis-ui/scss/components/form/_checks.scss
@@ -137,12 +137,12 @@
       }
 
       &[disabled] + i {
-        border-color: var(--Checkbox-onDisabled-color);
+        border-color: var(--Checkbox-color) !important;
         cursor: not-allowed;
-
+        background-color: var(--checkbox-checkbox-disabled-bg-color);
         &:before {
-          width: var(--Checkbox-inner-size);
-          height: calc(var(--Checkbox-inner-size) / 2);
+          background-color: var(--Checkbox-onDisabled-color);
+          border-width: 0;
         }
       }
 
@@ -285,6 +285,7 @@
         &:before {
           border-color: var(--Checkbox-onDisabled-color);
           background: var(--Checkbox-onDisabled-bg);
+          border-width: 0 0 px2rem(1px) px2rem(1px);
         }
       }