Placeholder avec js

Résolu
anthonyr_25 Messages postés 172 Statut Membre -  
 anthonyr_25 -
Bonjour, (Jordane mdrr)

Alors voila j'aimerais changez la couleur de mon placeholder depuis js, est ce que quelqu'un pourrais m'aider ? 

<input type="search" placeholder="Search GitHub Usernam..." spellcheck="incremental" tabindex="" autocomplete="name" class="yep">



.yep::placeholder{
                    color: #4B6A9B;
                    opacity: 0.75;
                }



let yep = document.querySelector('.yep').placeholder;


Configuration: Windows / Chrome 97.0.4692.99

1 réponse

  1.
    jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    Bonjour
    Crées une seconde class yep2 avec une couleur différente et, en js, change la c'ass appliquée à ton input
    1
    1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
       
      Sinon
      Ty peux utiliser la syntaxe 
      x.placeholder.style.color="red";

      x etant ton input
      1
      1. anthonyr_25 > jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention  
         
        J'ai essayé justement la syntaxe et sa ne marchait pas.. j'ai peux mal écrit ma syntaxe je vais réessayer.
        En revanche je ne comprend pas trop l'histoire de la seconde class, tu parle du html ?
        tu vx que je fasse une seconde class dans le html par exemple : class="yep yep2" ou class="yep" id="yep2" ou encore class="yep" class="yep2"... et tout sa sur l'input ?
        0
      2. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830 > anthonyr_25
         
        Une seconde class dans ton fichier CSS
        Et, en javascript, tu assignes l'une ou l'autre à ton input en fonction de tes besoins.
        1
      3. anthonyr_25 > jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention  
         
        hmmm je vois, je te remercie beaucoup Jordane ! Courage et bonne soirée ;)
        0

Discussions similaires

Problème d'accès à un site
DR6993 -
DR6993 -

4 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
'JS/Agent.TS' Qu'est ce que c'est ?
TheFastBoost -
TheFastBoost -

17 réponses
Arrondir nombre Math.round
ohklik -
Sugel -

1 réponse
javascript arrondi après la virgule
cap -
Thomas -

4 réponses