cómo no heredar? o cómo restablecer el ancho heredado al valor anterior? (css)

Question

Instalé Gracias plugin pero el botón en mi test site parece extraño.

Descubrí por qué. Porque hereda #commentform textarea { width: 45%; } de mi tema. Si elimino el ancho de css, el botón se ve bien. ¿Alguna idea de cómo puedo arreglar eso? Por supuesto, no quiero eliminar el ancho para #commentform textarea. ¿Puedo hacer algo al respecto en el nivel css del botón? Algo así como width:not-inherit; width:reset; Diría que el ancho del botón no se declararía en absoluto si no hubiera #commentform textarea

Answer 1

trate de poner

width: auto; 

en el botón. Eso debería arreglarlo en este caso.

Answer 2

puede agregar "! Important" al css más reciente.

ejemplo:

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



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

Esta div debe ser flotante izquierda

Answer 3

Pon esto en el CSS y también eliminar esa línea de estilo que tiene allí para ese botón:

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

Answer 4

Es una vieja pregunta, pero sólo tenía el mismo problema con width Heredar del objeto principal como el 100%. Resulta que la adición de la propiedad display al inline-block ayuda.

display: inline-block;