P粉9981006482023-08-29 00:49:23
The solution is to add this to the global.scss file:
@layer components { .inputDarkModeOverride { &:-webkit-autofill { box-shadow: 0 0 0 30px #1c1c1d inset; } &:-webkit-autofill:hover { box-shadow: 0 0 0 30px #1c1c1d inset; } &:-webkit-autofill:focus { box-shadow: 0 0 0 30px #1c1c1d inset; } &:-webkit-autofill:active { box-shadow: 0 0 0 30px #1c1c1d inset; } } }
Then add className={`${styles.input} dark:inputDarkModeOverride`}
in the input attribute.