fix form input autofill style

2023-06-01 11:01:33 +02:00 · 2023-06-01 11:01:33 +02:00 · f6c9a4e117
parent c2e7341a96
commit f6c9a4e117
1 changed files with 14 additions and 0 deletions
--- a/src/styles/forms.scss
+++ b/src/styles/forms.scss
@ -32,3 +32,17 @@ input[type=text], input[type=password], input[type=email], input[type=number], i
        border-bottom: 5px solid $fg-color;
    }
 }
+
+/*Remove Yellow background on input in Firefox*/
+input {
+    filter: none;
+}
+  
+input:autofill {
+    background: none;
+}
+/*Remove background on input autofill in Chrome*/
+input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0 1000px $bg-color inset;
+    -webkit-text-fill-color: $fg-color;
+}