Discussion :

[taroudant]

Salut;
J'espère que vous allez bien.
En fait ma question à propos d'une classe de style css.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
.initial:first-letter {
text-transform: capitalize;
color:green;
} 
.initial{
text-transform: none;
color:red;
}

J'ai essayé de l'executer pour une zone de saisie mais ca marche juste pour l'affichage et pas dans input (<p class="initial"><input type="text"></p>).
Comment résoudre ce problème svp

[taroudant]

Mon but de d'utiliser une feuille de style qui permet de mettre en majescule juste le premier lettre de la phrase saisie

[Macmillenium]

Bonjour,

Tu n'as pas besoin de pseudo classe :first-letter comme la valeur capitalize du text-transform met déjà la première lettre en majuscule.

donc :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.initial { text-transform:capitalize; }

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" class="initial " />

Suffit largement

[taroudant]

Le but est si je saisie par le calvier : bonne année
il s'affiche dans la zone de saisie: Bonne année
cad comment mettre en majescule le premier lettre du premier mot d'une phrase.
juste le premier mot.
Au lieu de "capitalize" je doit mettre "uppercase" normalement

[Macmillenium]

Au lieu de "capitalize" je doit mettre "uppercase" normalement

Es ce que tu as essayé le code que je t'ai proposé au moins ?

- uppercase transforme toutes les lettres en majuscule
- capitalize transforme la 1ere lettre en majuscule

[taroudant]

Oui, mias il met le premier lettre de tous les mots de la phrase saisie en majescule. moi je cherche à capitalizer juste le premier mot