modifier un CSS avec du javascript Résolu/Fermé

Question

bonjour @ tous !

voici mon objectif : pouvoir adapter la couleur d'un XUL à la page contenu.

pour cela : le xul est stylé par un simple CSS
les couleur du site récupéré en javascript.

Maintenant l'objectif et de changer les couleur du CSS.
sur le principe pas de pb : document.getElementById("window").style.backgroundColor="#"+couleurfond;

Mais le probleme vient lorsque j'ai de style css du genre :
button:hover{
ou tab[selected="true"] {

Car celle la je ne sais pas comment les atteindre !
qqu'un a t il une petite idée ?

Dalida · Accepted Answer

salut,

à mon avis il voulait modifier la règle de style plutôt que le style de la balise.
document.styleSheets[0].cssRules[2] (Netscape 6)
document.styleSheets[0].rules[2] (IE 4+) 

source

mieux vaut tard&hellip;

fabopoulos · Answer

bonjour,
j'aimerais faire la meme chose avec l'attribut "style.display" du genre :
document.getElementById('raccourci').style.display="none";
document.getElementById('general' ).style.display="visible";

par defaut mes deux elements raccourci et general ont comme définition :
<groupbox id="general" style="display:visible;">
<caption label ="Général"/>
</groupbox >

j'ai un doute sur la valeur " visible" ...

merci de tes lumieres...

Modifier un CSS avec du javascript

2 réponses

Discussions similaires