fix(styles): remove background of webkit autofill

This commit is contained in:
unix
2020-04-26 22:23:57 +08:00
parent ce850e4fc1
commit 03aadc515f
3 changed files with 20 additions and 6 deletions

View File

@@ -215,6 +215,13 @@ const Input: React.FC<React.PropsWithChildren<InputProps>> = ({
::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder {
color: ${theme.palette.accents_3};
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 30px ${theme.palette.background} inset !important;
}
`}</style>
</div>
)