Tailwind를 사용하여 어두운 모드에서 자동 완성 입력

Question

기억된 비밀번호를 입력하기 위해 다크 모드를 사용한 후 입력 색상이 보기 흉한 문제가 발생했습니다. 라이트 모드에서는 노란색으로 나쁘지 않습니다.

webkit-autofill을 사용하여 몇 가지 답변을 찾았지만 tailwind dark: prop 및 global.scss의 sass에서 구현하는 데 문제가 있습니다.

Answer 1

해결책은 이것을 global.scss 파일에 추가하는 것입니다:

으아악

그런 다음 입력 속성에 className={`${styles.input} dark:inputDarkModeOverride`}를 추가하세요.