(fix) Autofill input style

LouisMazel · LouisMazel · commit 0130f4aab7ff · 2019-11-08T18:54:33.000+01:00
diff --git a/src/VueInputUi/index.vue b/src/VueInputUi/index.vue
@@ -222,6 +222,7 @@
       border-radius: $border-radius;
       font-size: 14px;
       z-index: 0;
+      caret-color: $primary-color;
 
       &:not(.textarea) {
         height: 42px;
@@ -546,11 +547,12 @@
       }
     }
 
-    input:-webkit-autofill,
-    input:-webkit-autofill:hover,
-    input:-webkit-autofill:focus,
-    input:-webkit-autofill:active {
-      box-shadow: 0 0 0 30px $second-color inset;
+    &__input:-webkit-autofill,
+    &__input:-webkit-autofill:hover,
+    &__input:-webkit-autofill:focus,
+    &__input:-webkit-autofill:active {
+      box-shadow: 0 0 0 1000px $bg-color inset;
+      -webkit-text-fill-color: $second-color;
     }
   }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -222,6 +222,7 @@`
`222`	`222`	`border-radius: $border-radius;`
`223`	`223`	`font-size: 14px;`
`224`	`224`	`z-index: 0;`
	`225`	`+ caret-color: $primary-color;`
`225`	`226`
`226`	`227`	`&:not(.textarea) {`
`227`	`228`	`height: 42px;`
`@@ -546,11 +547,12 @@`
`546`	`547`	`}`
`547`	`548`	`}`
`548`	`549`
`549`		`- input:-webkit-autofill,`
`550`		`- input:-webkit-autofill:hover,`
`551`		`- input:-webkit-autofill:focus,`
`552`		`- input:-webkit-autofill:active {`
`553`		`- box-shadow: 0 0 0 30px $second-color inset;`
	`550`	`+ &__input:-webkit-autofill,`
	`551`	`+ &__input:-webkit-autofill:hover,`
	`552`	`+ &__input:-webkit-autofill:focus,`
	`553`	`+ &__input:-webkit-autofill:active {`
	`554`	`+ box-shadow: 0 0 0 1000px $bg-color inset;`
	`555`	`+ -webkit-text-fill-color: $second-color;`
`554`	`556`	`}`
`555`	`557`	`}`
`556`	`558`	`</style>`