Placeholder avec js

Résolu/Fermé

anthonyr_25 Messages postés 165 Date d'inscription mercredi 5 janvier 2022 Statut Membre Dernière intervention 6 juillet 2022 - Modifié le 28 janv. 2022 à 21:23
anthonyr_25 - 28 janv. 2022 à 22:19

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

A voir également:

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024 4 689
28 janv. 2022 à 22:01

Bonjour
Crées une seconde class yep2 avec une couleur différente et, en js, change la c'ass appliquée à ton input

jordane45 Messages postés 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024 4 689
28 janv. 2022 à 22:03

Sinon
Ty peux utiliser la syntaxe

x.placeholder.style.color="red";

x etant ton input

anthonyr_25 > jordane45 Messages postés 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024
Modifié le 28 janv. 2022 à 22:10

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 ?

jordane45 Messages postés 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024 4 689 > anthonyr_25
Modifié le 28 janv. 2022 à 23:01

Une seconde class dans ton fichier CSS
Et, en javascript, tu assignes l'une ou l'autre à ton input en fonction de tes besoins.

anthonyr_25 > jordane45 Messages postés 38238 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 6 septembre 2024
28 janv. 2022 à 22:19

hmmm je vois, je te remercie beaucoup Jordane ! Courage et bonne soirée ;)

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

code couleur associé a une image

Cheval de Troie JS/Kryptik.I

'JS/Agent.TS' Qu'est ce que c'est ?

Faire un echo dans un script JS

Discussions similaires

Newsletters