Changer la couleur d'une proposition d'un input avec CSS
Répondre à la discussion
Affichage des résultats 1 à 2 sur 2

Changer la couleur d'une proposition d'un input avec CSS



  1. #1
    The_Anonymous

    Question Changer la couleur d'une proposition d'un input avec CSS


    ------

    Bonjour à tous!

    J'essaie de créer un site internet basique, et pour cela j'utilise un input dans lequel l'utilisateur est sensé entrer son pseudo. Tout allait bien, mon thème dans les couleurs bleutés faisait bonne mine, sauf qu'après avoir essayé la page plusieurs fois, mon navigateur a commencé à me proposer les entrées que j'avais mises le plus souvent. Ce qui n'est pas une mauvaise chose en soi! Mais quand je sélectionne alors une de ces réponses suggérées, le texte situé dans le input s'affiche alors avec une couleur jaune qui gâche tout. Je n'ai réussi à trouver une réponse à mon problème spécifique nulle part et c'est pour ça que je me tourne vers vous pour savoir s'il existe une commande (j'imagine CSS?) pour régler cette situation. Pour combler mon manque de clarté, voici deux images qui illustrent mon problème :

    Voici l'état convenable de la proposition suggérée
    usernamefail.png

    Et maintenant la couleur jaunâtre non désirable
    usernamefail2.png

    Merci d'avance pour vos réponses!

    -----

  2. #2
    The_Anonymous

    Lightbulb Re : Changer la couleur d'une proposition d'un input avec CSS

    Re!

    Après quelques deux heures de recherches, j'ai finalement réussi à dénicher un trick pour obtenir le résultat voulu. Dans mon cas, je n'ai eu qu'à rajouter :

    Code:
    input:-webkit-autofill {
    	-webkit-box-shadow:0 0 0 35px #4169E1 inset;
    	-webkit-text-fill-color: #000080;
    }
    0 0 0 35px est suffisamment grand pour recouvrir complètement mon espace input, #4169E1 est la couleur de fond et #000080 la couleur de mon texte.

    Je ne sais pas s'il existe d'autres moyens, mais en tous cas celui marche! (Peut-être devrais-je inspecter si ceci marche pour tous les navigateurs, je n'ai vérifié que firefox et chrome jusque là).

    Bonne journée!

Discussions similaires

  1. [Numérique] Actication des Input d'un PLC avec des contacts sec
    Par lerouge2 dans le forum Électronique
    Réponses: 1
    Dernier message: 25/02/2016, 13h34
  2. Changer la couleur de l'eau
    Par inviteb5aa0494 dans le forum Chimie
    Réponses: 15
    Dernier message: 02/06/2012, 19h12
  3. changer la couleur d une fumee
    Par invite4b219bdb dans le forum Chimie
    Réponses: 2
    Dernier message: 18/01/2012, 15h02
  4. Ampli op avec input range 0-12 v ?
    Par Kurosaki dans le forum Électronique
    Réponses: 3
    Dernier message: 09/06/2008, 13h39