How to overright inline CSS

Ankit Bavishi May 20, 2022 0 280

Forums › CSS › How to overright inline CSS

Staff asked 3 years ago

For example, this css added inline

element.style{
width: 500px !important;
}

How Can I overright this css?
Note: You can’t change this CSS.
I want to overright this css

0 Vote Up Vote Down

Prince Dhameliya Marked As Accepted

Staff answered 3 years ago

If you want how to overright inline CSS so please review my code.

I have created HTML in an index.html file.

<body>
  <div class="mydiv" id="mydivid" style="width: 500px!important"> test </div>
</body>

And I have add CSS in <style>…</style> tag on index.html file.

#mydivid {
    background: #ffc107;
    width: 200px !important;
  }

I have tried width overnight with !important but it’s not working and the output looks like this:

So I have tried another way.

I have overwritten CSS using jQuery

Now I added code in my <script>…</script> tag on index.html file.

$(window).on("load", function() {
      $(".mydiv").removeAttr("style");
      $(".mydiv").css("width","200px");
    });

Ankit Bavishi