how to not inherit? or how to reset inherited width to the value before? (css)

Question

I installed Thank you plugin but the button on my test site looks strange.

I found out why. Because it inherits #commentform textarea { width: 45%; } from my theme. If I remove the width from css the button looks ok. Any idea how I can fix that? Of course I do not want to remove width for #commentform textarea. Can I do something about that on css level of the button? Something like width:not-inherit; width:reset; I'd say that the width of the button wouldn't be declared at all if there was no #commentform textarea

Answer 1

Try putting

width: auto;

on the button. That should fix it in this case.

Answer 2

It is an old question but I just had the same problem with width inherit from parent as 100%. Turns out adding display property to inline-block helps.

display: inline-block;

Answer 3

you can add "!important" to the newer css.

ex :

first{ float:right;}
second{ float:left !important;}



<div class="first second"></div>

This div should be float left