2010-04-12 5 views
3

J'utilise Joomla 1.5. j'ai une page où Css a été ajoutée pour le titre qui est <strong></strong>comment supprimer element.style dans css

Je Firebug, il apparaît comme

element.style { 
color:#666666; 
} 

je ne sais pas de là où il vient ..

mais j'ai un CSS appliqué pour le même tag avec une autre couleur. mais il a disparu. Comment supprimer l'élément.style globalement ..

+0

Firebug vous montre exactement définir ce style fichier. Vérifiez la fenêtre des propriétés CSS après avoir sélectionné un élément auquel ce style est appliqué. – RaYell

+0

ya quand je clique sur la balise forte de cette page particulière de Joomla1.5 il montre le element.style mais il ne montre pas d'où il vient .. – useranon

Répondre

7

Il est possible de remplacer les styles en ligne à partir d'une feuille de style externe

strong[style] { color: blue !important; } 

Cela fonctionne dans la plupart des principaux navigateurs, Chrome, Safari, Firefox, IE8

Il ne fonctionne pas (à ma connaissance) dans IE6/IE7

Espérons que cela aide.

+0

j'ai utilisé fort [style] {color: blue! } dans mon template.css.mais le problème n'est toujours pas résolu – useranon

4

Ce code provient de HTML et non de votre CSS.

Ce code HTML avec Générez votre element.style:

<strong style="color:#666666;">Just text</strong> 

Element.style, comme son nom l'indique, son style défini sur l'élément et il n'y a aucun moyen de la remplacer. Si vous ne voulez pas cette couleur dans cet élément, vous devez le supprimer/le changer sur html.

0

Il semble qu'il ne soit pas toujours défini en HTML. Dans mon cas, le element.style est vide:

element.style { 
} 

Il est pas dans un ensemble et il est css pas dans aucune source ensemble html. Je ne sais pas où d'autre je devrais regarder.

0

Les styles en ligne sont générés à partir de HTML ou (plus souvent ces jours-ci) javascript en appliquant des styles après le chargement de la page. JQuery est souvent un coupable de cela, effectuant des animations en utilisant CSS appliqué directement sur l'élément qui remplace votre feuille de style.

Par exemple, vous pouvez afficher, puis masquer une div, en laissant un 'display: none' sur l'élément qui remplace toute CSS naturellement en cascade qui le précède. Cela arrive souvent lorsque vous mélangez des transitions CSS et des requêtes média avec javascript.

Vérifiez votre JavaScript pour toutes les occurrences de styles appliqués.

Essayez d'utiliser une fonction de rappel sur l'animation pour effacer les styles:

$(this).css("display", ""); 
Questions connexes