fix(pininput): fix safari autofill styles on mobile (#545)

square · Apr 18, 2023 · 9cdd8f8 · 9cdd8f8
1 parent 07fa478
commit 9cdd8f8
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/PinInput/src/PinInputControl.vue b/src/components/PinInput/src/PinInputControl.vue
@@ -272,8 +272,12 @@ export default {
 	&:-webkit-autofill-strong-password,
 	&:-webkit-autofill-strong-password-viewable,
 	&:-webkit-autofill {
-		color: transparent !important;
-		box-shadow: 0 0 0 1000px $maker-color-background inset;
+		color: var(--bg-color, #fff) !important;
+		background-color: var(--bg-color, #fff) !important;
+		background-clip: content-box !important;
+		-webkit-box-shadow: 0 0 0 1000px var(--bg-color, #fff) inset !important;
+		box-shadow: 0 0 0 1000px var(--bg-color, #fff) inset !important;
+		-webkit-text-fill-color: var(--bg-color, #fff);
 	}
 }