Tailwind를 사용하여 어두운 모드에서 자동 완성 입력
P粉745412116
2023-08-28 08:34:43
<p>기억된 비밀번호를 입력하기 위해 다크 모드를 사용한 후 입력 색상이 보기 흉한 문제가 발생했습니다.
라이트 모드에서는 노란색으로 나쁘지 않습니다. </p>
<p><code>webkit-autofill</code>을 사용하여 몇 가지 답변을 찾았지만 tailwind <code>dark: </code> prop 및 <code>global.scss</를 사용하는 데 문제가 있습니다. 코드>의 sass에서 구현하는 데 문제가 있습니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
해결책은 이것을 global.scss 파일에 추가하는 것입니다:
으아악그런 다음 입력 속성에
className={`${styles.input} dark:inputDarkModeOverride`}를 추가하세요.