Skip to content

Commit e6a7533

Browse files
committed
Completely style the webkit autofill
1 parent baeb251 commit e6a7533

File tree

1 file changed

+9
-4
lines changed

1 file changed

+9
-4
lines changed

web_src/css/base.css

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -872,12 +872,17 @@ img.ui.avatar,
872872
border-color: var(--color-error-border) !important;
873873
}
874874

875-
/* A fix for text visibility issue in Chrome autofill in dark mode. */
876-
/* It's a problem from Formatic UI, and this rule overrides it. */
877-
.ui.form .field.field input:-webkit-autofill {
878-
-webkit-text-fill-color: var(--color-black) !important;
875+
.ui.form .field.field input:-webkit-autofill,
876+
.ui.form .field.field input:-webkit-autofill:focus,
877+
.ui.form .field.field input:-webkit-autofill:hover,
878+
.ui.form .field.field input:-webkit-autofill:active {
879+
-webkit-background-clip: text !important;
880+
-webkit-text-fill-color: var(--color-autofill-text) !important;
881+
box-shadow: 0 0 0 100px var(--color-primary-light-6) inset !important;
882+
border-color: var(--color-primary-light-4) !important;
879883
}
880884

885+
881886
.ui.form .field.muted {
882887
opacity: var(--opacity-disabled);
883888
}

0 commit comments

Comments
 (0)