comment ne pas hériter? ou comment réinitialiser la largeur héritée à la valeur précédente? (css)

Question

J'ai installé Merci plugin mais le bouton sur mon site de test semble étrange.

J'ai trouvé pourquoi. Parce qu'il hérite #commentform textarea { width: 45%; } de mon thème. Si je retire la largeur de css le bouton est ok. Une idée de comment je peux résoudre ce problème? Bien sûr, je ne veux pas supprimer la largeur de #commentform textarea. Puis-je faire quelque chose à ce sujet sur le css au niveau du bouton? Quelque chose comme width:not-inherit; width:reset; je dirais que la largeur du bouton ne serait pas déclarée à tous, si il n'y avait pas #commentform textarea

Answer 1

Essayez de mettre

 width: auto;
 

sur le bouton. Cela devrait le corriger dans ce cas.

Answer 2

C'est une vieille question mais j'ai juste eu le même problème avec la largeur héritée du parent à 100%. Il s'avère que l'ajout d'une propriété d'affichage aux aides de bloc en ligne.

 display: inline-block;
 

Answer 3

vous pouvez ajouter "! important" au nouveau CSS.

ex:

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



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

Ce div devrait flotter à gauche

Answer 4

Mettez cela dans votre CSS et supprimez également le style en ligne que vous avez là pour ce bouton:

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