Modifier un CSS avec du javascript
Résolu
matt22
-
youssefj -
youssefj -
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 ?
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 ?
A voir également:
- Modifier un CSS avec du javascript
- Modifier dns - Guide
- Modifier liste déroulante excel - Guide
- Modifier story facebook - Guide
- Modifier l'extension d'un fichier - Guide
- Modifier un pdf gratuitement - Guide
2 réponses
salut,
à mon avis il voulait modifier la règle de style plutôt que le style de la balise.
source
mieux vaut tard…
à 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…
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...
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...
En tout cas merci: ca sert toujours de répondre, même 2 an plus tards !