Discussion :

[heyboy]

Bonjour,
Comment atteindre l'élement #text dans l'arbre du DOM avec CSS?
par exemple:

Code :

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

1
2
 
<input type='radio' />Voiture

Comment faire pour appliquer un style au texte Voiture sans l'encadrer dans des balises?

[thegreatbato]

Je dirai que tu dois mettre un ID a ta balise input (unique) et puis dans ton Javascript faire un getElementById("ton_id").childNodes[0].style = Style en css que tu veut lui appliquer.


Je ne suis pas du tout sûr de ceci parcontre, c'est à creuser

[heyboy]

Sorry je me suis trompé de forum, je voulais poster dans CSS.
J'ai déja essayé avec un id en CSS (pas en javascript)
avec pour:

Code :

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

1
2
3
4
5
6
 
<input type='radio' id='radio1' />Voiture
 
#radio1{
// style
}

Mais apparement le style s'applique uniquement au bouton radio et pas au texte. Dans un sens c'est logique car pour DOM Voiture est un élément distinct du bouton radio.
Quelqu'un aurait t-il une idée? N'y a t-il pas une pseudo-classe pour accéder à tous les éléments #text du DOM?

[thegreatbato]

Tu peut pas simplement l'encadrer avec une balise <span> ? ça va rien changer a l'apparence de ton code tu sais !

Sinon en DOM je débute aussi et je galère donc je connais pas la réponse

[javatwister]

si tu crées un élément texte sans balises, tu ne pourras pas lui appliquer un style; donc, insère-le dans une balise;

[heyboy]

Ok merci à tous pour cette triste constatation CSS .
Nan je vais m'en remettre, mais c'est dommage de devoir mettre des foutus balises pour un mot.
J'men vais spanner tout ca!