hijo - excluir elemento css

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

Question

Instalé el plugin de agradecimiento pero el botón en mi sitio de prueba parece extraño.

Descubrí por qué. Porque hereda #commentform textarea { width: 45%; } #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 el width:not-inherit; width:reset; width:not-inherit; width:reset; Yo diría que el ancho del botón no se declararía si no hubiera #commentform textarea

Answer 1

Es una vieja pregunta, pero acabo de tener el mismo problema con el width heredar de padres como 100%. Resulta que agregar propiedades de display a ayuda de inline-block en inline-block .

display: inline-block;

Answer 2

Intenta poner

width: auto;

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

Answer 3

Pon esto en tu CSS y también quita ese estilo en línea que tienes 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

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

ex:

first{ float:right;}
second{ float:left !important;}
<div class="first second"></div>

Este div debe ser flotante a la izquierda