TailwindCSS autofill override

index.jsx

<input
      {...props}
      className={cn(
        "w-full",
        "bg-neutral-900",
        "px-3 py-2 rounded-xl",
        "outline-0",
        "read-only:opacity-60",
        "disabled:opacity-60",
        "focus:ring-2 focus:ring-blue-400",

        /* Autofill Styles - Source - https://stackoverflow.com/a/14205976*/
        "autofill:bg-clip-text autofill:caret-white",
        "autofill:inset-ring-30 autofill:inset-ring-neutral-900",
        "autofill:[-webkit-text-fill-color:var(--color-white)]",
        props.className,
      )}
    />