fix(input): fixed the background change on autofill in Chrome (#3430)

* fix(input): fixed the background change on autofill in Chrome * fix(input): fixed the background change on autofill in Chrome * chore(changeset): add issue number --------- Co-authored-by: WK Wong <wingkwong.code@gmail.com>
heroui-inc · Jul 12, 2024 · 2333c39 · 2333c39
1 parent 9438dfd
commit 2333c39
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/rotten-days-sell.md b/.changeset/rotten-days-sell.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+fixed the input background change by autofill in Chrome (#1346)
diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
@@ -44,6 +44,7 @@ const input = tv({
       "data-[has-start-content=true]:ps-1.5",
       "data-[has-end-content=true]:pe-1.5",
       "file:cursor-pointer file:bg-transparent file:border-0",
+      "autofill:bg-transparent bg-clip-text",
     ],
     clearButton: [
       "p-2",