Removing input background colour for autocomplete when it is disabled

Author: Hector Arce De Las Heras

src/components/input/input.styled.ts

@@ -213,4 +213,11 @@ export const InputWrapperStyled = styled.div<InputWrapperStyledProps>`
       background-color 600000s 0s,
       color 600000s 0s;
   }
+  /* Removing input background colour for autocomplete when it is disabled */
+  input:-webkit-autofill:disabled {
+    -webkit-text-fill-color: ${props => props.styles?.input?.color};
+    -webkit-box-shadow: 0 0 0px 1000px ${props => props.styles?.inputContainer?.background_color}
+      inset;
+    transition: background-color 5000s ease-in-out 0s;
+  }
 `;