how to remove element.style in css

Question

I am using Joomla 1.5. i am having a page where a cSS has been added for the title which is in <strong></strong>

I firebug it , it appears as

element.style {
color:#666666;
}

i dont know of from where it comes from..

but i am having a css applied for the same tag with other color. but it disappeared. How to remove the element.style globally..

Answer 1

It is possible to override inline styles from an external stylesheet

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

This works in most major browsers, Chrome, Safari, Firefox, IE8

It doesn't work (to my knowledge) in IE6 / IE7

Hope this helps.

Answer 2

This code comes from HTML and not from your CSS.

This HTML with generate your element.style:

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

Element.style, as the name says, its the style defined on element and there is no way to override it. If you do not want that color in that element you must remove/change it on html.