Is there a way to force a style to a div element which already has a style="" attribute

css, html

Solution

You can add `!important` to the end of your style, like this:

element {
    overflow: hidden !important;
}

This is something you should not rely on normally, but in your case that's the best option. Changing the value in Javascript strays from the best practice of separating markup, presentation, and behavior (html/css/javascript).

Problem

I'm trying to skin HTML output which I don't have control over. One of the elements is a `div` with a `style="overflow: auto"` attribute. Is there a way in CSS to force that `div` to use `overflow: hidden;`?

Original source