fix(Input): disabled text style

lumada-design · Sep 5, 2023 · cd57bf5 · cd57bf5
1 parent f16c679
commit cd57bf5
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/core/src/components/BaseInput/BaseInput.styles.tsx b/packages/core/src/components/BaseInput/BaseInput.styles.tsx
@@ -28,6 +28,11 @@ export const { staticClasses, useClasses } = createClasses("HvBaseInput", {
       backgroundColor: theme.colors.atmo4,
     },
 
+    "&& $input": {
+      color: theme.baseInput.disabledTextColor,
+      WebkitTextFillColor: theme.baseInput.disabledTextColor,
+    },
+
     "& $inputRootMultiline": {
       "& $input": {
         backgroundColor: theme.baseInput.disabledBackgroundColor,
@@ -216,9 +221,7 @@ export const { staticClasses, useClasses } = createClasses("HvBaseInput", {
       display: "none",
     },
   },
-  inputDisabled: {
-    color: theme.baseInput.disabledTextColor,
-  },
+  inputDisabled: {},
   inputReadOnly: {
     color: theme.baseInput.readOnlyTextColor,
   },