27820 sujets

CSS et mise en forme, CSS3

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
Smiley smile
Bonne journée
Modifié par HDcms (13 Oct 2020 - 15:26)
Modérateur
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.
Bonjour,
Merci de m'avoir répondu. Oui j'avai lu mais pas bien car je n'avais pas vu ce que tu expliques.
Embêtant car j’utilise un cms (joomla). Il génère le rendu, d'ou encore plus embêtant car lors de maj, je pers ce qui est fait à cet endroit en général .
Je comprends que c'est compliqué de faire cela avec les formulaires.
Je cherche une autre solution