Changer le texte d’un élément formulaire

Bonjour,
J'ai vu qu'il était possible de changer le contenu d'un texte https://tutowebdesign.com/changer-le-texte-dun-element-html-avec-le-css.php

    .content::after {
      content: "Bonjour Monde!";
      text-indent: 0;
      display: block;
      line-height: initial;
    }

Je voudrai faire la même chose sur https://www.clibre.eu/fr/ sans aller dans le code de l'application. En changeant:
1/ "nom" par "prénom" sur le formulaire de la lettre d'info
je n'arrive pas à trouver le code pour accrocher le css. Examiner l'élément me copie nchild(x) mais le x pouvant changer, je souhaite faire autrement avec qq chose qui est entre [] me semble t-il!
2/ "recherche" sur la page d'accueil pour indiquer un message d'aide

Bonne journée
Modifié par HDcms (13 Oct 2020 - 15:26)

Salut,

Tu auras aussi remarqué le ::after. Il s'agit d'un pseudo élément. En CSS tu ne peux changer le contenu que des pseudo éléments. Dans ton article, si tu l'a bein lu, il décale le texte original au max et rajoute un pseudo élément. Si tu l'as bein lu jusqu'au bout, il ne peux pas faire ca avec le bouton et passe par du Js. C'est pareil pour l'input.

Ici ton "Nom" et "recherche" sont des placeholder d'input. Donc modifiable seulement par le HTML ou en Js.

La seule solution en CSS serait de créer un after ou un before à ces éléments, des les placer derrière l'input et de rendre el background et la couleur des placeholder transparent... mais c'est un peu galère. Pourquoi ne pas modifier les valeurs en HTML directement ? Ca serait vraiment plus simple.