Remove an inline width style setting with CSS [duplicate]

Question

I have a div that looks like this:

<div class="wtHolder" style="width:41.66%; height:150px; position:relative;">

Is there something I can add in css for the wtHolder class that will remove width:41.66% of this?

(If you want the background of why I need to do this, see this question.)

@j08691 - I did. This got me close: .wtHolder {width: auto !important;} (I did not know about the auto option.) — Vaccano
– Vaccano, Commented Aug 3, 2016 at 21:08

Marouen Mhiri · Accepted Answer · 2016-08-03 21:06:16Z

1

yes you can use !important to overwrite it:

.wtHolder {
    width: 100px !important;
}

answered Aug 3, 2016 at 21:06

Marouen Mhiri

1,6471 gold badge16 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tushar Gupta · Accepted Answer · 2016-08-03 21:06:56Z

1

It's a trick , but you can actually use !important

.wtHolder{
  width:100% !important;
  background-color:black
}

<div class="wtHolder" style="width:41.66%; height:150px; position:relative;">

answered Aug 3, 2016 at 21:06

Tushar Gupta

16k1 gold badge33 silver badges53 bronze badges