我有一个问题，在输入丑陋的颜色后，填写记住的密码使用黑暗模式。在光明模式下，它是黄色的，不是那么糟糕。
我在SO here中使用webkit-autofill找到了一些答案，但是在使用顺风dark: prop和global.scss文件中的sass实现它时遇到了问题。
webkit-autofill
dark:
global.scss
tvmytwxo1#
解决方案是将其添加到global.scss文件中：
@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; } } }
然后在input props中输入className={${styles.input} dark:inputDarkModeOverride}。
className={
}
1条答案
按热度按时间tvmytwxo1#
解决方案是将其添加到global.scss文件中：
然后在input props中输入
className={${styles.input} dark:inputDarkModeOverride}。