recherche

Maison  >  Questions et réponses  >  le corps du texte

Saisie de remplissage automatique en mode sombre à l'aide de Tailwind

<p>Après avoir utilisé le mode sombre pour saisir le mot de passe mémorisé, j'ai rencontré un problème avec la couleur d'entrée qui était moche. En mode clair c'est jaune, ce qui n'est pas mal. </p> <p>J'ai trouvé des réponses ici en utilisant <code>webkit-autofill</code> mais j'ai du mal à utiliser tailwind <code>dark: </code> J'ai du mal à l'implémenter dans sass dans le fichier code> </p>
P粉745412116P粉745412116484 Il y a quelques jours587

répondre à tous(1)je répondrai

  • P粉998100648

    P粉9981006482023-08-29 00:49:23

    La solution est d'ajouter ceci au fichier 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;
        }
      }
    }

    Puis ajoutez className={`${styles.input} dark:inputDarkModeOverride`} dans l'attribut d'entrée.

    répondre
    0
  • Annulerrépondre