覆盖高度属性

Question

我有一个继承高度为40px的元素。

但是，我需要设置样式的元素是textarea框，具有可变的高度/宽度。我如何'取消'元素的高度，这样元素没有高度属性，可以调整大小？

Answer 1

要覆盖CSS元素中的设置高度，您可以简单地将其放在继承的元素中（在样式块或内联中）：

height: auto;

这将覆盖继承的设定值，而不静态设置新值。

Answer 2

另一种方法是使用带有！important标记的高度自动：

height: auto !important;

'important'会使事情有效，但如果此HTML由其他人导入，则他们将无法覆盖此标记。所以我的建议是只在极其必要时使用。

Answer 3

如果您只想让textarea元素调整大小，请尝试使用以下CSS属性：

textarea {
    resize: both;
}

设置高度的

An example can be seen here，但使用resize属性，仍然可以调整其大小。