web-dev-qa-db-fra.com

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

J'ai installé le plugin Thank you mais le bouton de mon site de test a l'air étrange.

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

cssinheritance
35
Radek

Essayez de mettre

width: auto;

sur le bouton. Cela devrait régler le problème dans ce cas. 

94
jimr

C'est une vieille question, mais je viens d'avoir le même problème avec width hériter de parent comme 100%. Il s'avère que l'ajout de la propriété display à inline-block aide. 

display: inline-block;
4
andr3wll

vous pouvez ajouter "! important" au nouveau fichier css.

ex: 

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



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

Cette div devrait être float left

2
Stéphane

Mettez ceci 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;
}
0
Gavrisimo