84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
使用深色模式填入記住的密碼後，我遇到了輸入顏色難看的問題。 在燈光模式下它是黃的，還不錯。
我在這裡使用webkit-autofill 找到了一些答案，但在使用tailwind dark: prop 和global.scss 檔案中的sass 實作它時遇到了問題。
webkit-autofill
dark:
global.scss 檔案中的sass 實作它時遇到了問題。
解決方案是將其新增至 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; } } }
然後在輸入屬性中加入className={`${styles.input} dark:inputDarkModeOverride`}。
className={`${styles.input} dark:inputDarkModeOverride`}
解決方案是將其新增至 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; } } }然後在輸入屬性中加入
className={`${styles.input} dark:inputDarkModeOverride`}。