fix(styles): remove background of webkit autofill

2026-04-28 12:15:32 +08:00 · 2020-04-26 22:23:57 +08:00
parent ce850e4fc1
commit 03aadc515f
3 changed files with 20 additions and 6 deletions
--- a/components/textarea/textarea.tsx
+++ b/components/textarea/textarea.tsx
@@ -115,6 +115,13 @@ const Textarea: React.FC<React.PropsWithChildren<TextareaProps>> = ({
        .disabled > textarea {
          cursor: not-allowed;
        }
+        
+        textarea:-webkit-autofill,
+        textarea:-webkit-autofill:hover,
+        textarea:-webkit-autofill:active,
+        textarea:-webkit-autofill:focus {
+          -webkit-box-shadow: 0 0 0 30px ${theme.palette.background} inset !important;
+        }
      `}</style>
    </div>
  )