(This is using content scripts in a chrome extension)
I need to overwrite some css properties that the webpage has labeled as !important. Is this possible?
For instance, if I want to get rid of the border that is labeled important:
$(".someclass").css('border','none'); //does not work
This should help.
$(".someclass").attr("style","border:none!important");
Updated, so as not to overwrite all styles:
var existingStyles = $(".someclass").attr("style");
$(".someclass").attr("style", existingStyles+"border:none!important");
we can just add class using jquery
$("someclass").addClass("test");
<style>
.test{
border:none !important;
}
</style>