как не наследовать? или как сбросить унаследованную ширину до значения раньше? (CSS)

Question

Я установил Плагин спасибо , но кнопка на моем тестовом сайте выглядит странно.

Я выяснил почему. Потому что он наследует #commentform textarea { width: 45%; } от моей темы. Если я уберу ширину из CSS, кнопка выглядит нормально. Есть идеи, как я могу это исправить? Конечно, я не хочу удалять ширину для #commentform textarea. Могу ли я сделать что-то об этом на уровне кнопки CSS? Что-то вроде width:not-inherit; width:reset; Я бы сказал, что ширина кнопки вообще не была бы объявлена, если бы не было #commentform textarea

Answer 1

Попробуйте поставить

width: auto;

на кнопке. Это должно исправить это в этом случае.

Answer 2

Это старый вопрос, но у меня была та же проблема с width наследовать от родителя, как 100%. Оказывается, добавление свойства display к inline-block помогает.

display: inline-block;

Answer 3

Вы можете добавить "! Важное" к более новому CSS.

например:

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



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

Этот div должен быть плавающим влево

Answer 4

Вставьте это в свой CSS, а также удалите тот встроенный стиль, который у вас есть для этой кнопки:

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;
}