another trial

public/css/app.css

@@ -817,7 +817,7 @@ div.create .input select {
 /* Hide default HTML checkbox */
 
 .switch input {
-  visibility: hidden;
+  display: none;
 }
 
 /* The slider */
@@ -877,11 +877,25 @@ input:checked + .slider:before {
   }
 }
 
+@keyframes autofill {
+  to {
+    background: #f5f5f5;
+    color: #fff;
+  }
+}
+
 input:-webkit-autofill {
   -webkit-animation-name: autofill;
   -webkit-animation-fill-mode: both;
 }
 
+input:autofill {
+  -webkit-animation-name: autofill;
+          animation-name: autofill;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+
 button.link {
   border: none;
   -webkit-appearance: none;

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=8ed1d9924e3be54ea4e4",
+    "/css/app.css": "/css/app.css?id=4f5b9f5ba0f1f57405c8",
     "/js/app.js": "/js/app.js?id=559585a774e3f088503a"
 }

resources/assets/sass/_app.scss

@@ -466,7 +466,7 @@ div.create {
   }
   
   /* Hide default HTML checkbox */
-  .switch input {visibility:hidden;}
+  .switch input {display:none;}
   
   /* The slider */
   .slider {
@@ -517,17 +517,27 @@ div.create {
   }
   
   @-webkit-keyframes autofill {
-	  to {
+	to {
-		  background:#f5f5f5;
+		background:#f5f5f5;
-		  color:#fff;
+		color:#fff;
-	  }
+	}
-  }
+}
-  
+	@keyframes autofill {
-  input:-webkit-autofill {
+		to {
-	  -webkit-animation-name: autofill;
+			background:#f5f5f5;
-	  -webkit-animation-fill-mode: both;
+			color:#fff;
-  }
+		}
-  
+	}
+
+	input:-webkit-autofill {
+		-webkit-animation-name: autofill;
+		-webkit-animation-fill-mode: both;
+	}
+	input:autofill {
+		animation-name: autofill;
+		animation-fill-mode: both;
+	}
+
   button.link {
 	  border: none;
 	  appearance: none;