Override height property

Question

I have an element which inherits a height of 40px.

However, the element I need to style is a textarea box, with variable height / width. How would I 'cancel' the height of an element, such that there is no height property for the element and it can be resized?

Answer 1

To override a set height in a CSS element, you can simply put this in the inherited element (either in a style block or inline):

height: auto;

This will override the set value inherited, without statically setting a new one.