怎么不继承？或者如何将继承的宽度重置为之前的值？ （CSS）

Question

我安装了谢谢插件，但test site上的按钮看起来很奇怪。

我发现了原因。因为它从我的主题继承了#commentform textarea { width: 45%; }。如果我从css中删除宽度，按钮看起来没问题。知道如何解决这个问题吗？当然我不想删除#comform 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

你可以将“！important”添加到较新的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;
}