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 but the button looks strange.

I found 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 with: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

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

Answer 2

Try putting

width: auto;

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

Answer 3

Put this in your css and also remove that inline styling you have there for that button:

input.thanks_button{
    background:url("http://asha.onalllevels.com/wp-content/plugins/thanks-you-counter-button/images/thanks_compact_blue1.png") no-repeat;
    color:#fff;
    font-family:Verdana,Arial,Sans-Serif;
    font-size:14px;
    font-weight:normal;
    width:auto !important;
}