Invalidar propiedad de altura

Question

Tengo un elemento que hereda una altura de 40 px.

Sin embargo, el elemento que necesito para estilo es un cuadro de texto, con altura/ancho variables. ¿Cómo puedo 'cancelar' la altura de un elemento, de modo que no haya una propiedad de altura para el elemento y se pueda cambiar el tamaño?

Answer 1

Si simplemente desea hacer su elemento de área de texto capaz de cambiar el tamaño, trate simplemente aplicando la siguiente propiedad CSS:

textarea { 
    resize: both; 
} 

An example can be seen here donde se establece la altura, pero el uso de la propiedad de cambio de tamaño, que todavía puede ser redimensionado

Answer 2

Otra forma es utilizar automático de altura con marcador importante:

height: auto !important; 

'importante' hará que las cosas funcionan, pero si este código HTML se importa por otra persona, que no será capaz de anular este marcador Así que mi consejo es usar solo cuando sea extremadamente necesario.

Answer 3

Para sustituir una altura establecida en un elemento de CSS, sólo tiene que poner esto en el elemento hereditario (ya sea en un bloque de estilo o en línea):

height: auto; 

Esto anulará el valor de ajuste heredado, sin estáticamente estableciendo uno nuevo.