textarea 调整宽度但不调整高度,为什么?

Sun*_*ons 4 html css textarea

这是我尝试过的:

<textarea name='text' spellcheck = "true" style="height: 4em; width: 80%;" id="wider"></textarea>
Run Code Online (Sandbox Code Playgroud)

我也尝试过用 px 或 % 设置高度,但这两种方法都不起作用。我还在我的 css 文件中尝试了以下内容(以及在 css 中将高度设置为 %、px 或 em,这也不起作用):

#wider{
    width: 80%;
    height: auto;
}
Run Code Online (Sandbox Code Playgroud)

我可以使用内联样式命令或 css 调整宽度,没有问题。为什么高度应该不同,我还可以尝试什么?

感谢您的任何建议。

更新:我还尝试在内联和 CSS 样式中设置 rows 属性。我知道内联会否决CSS。我只想要一个能工作。现在,宽度属性始终会进行调整以反映我的更改,但高度始终保持不变。还有什么我应该看的吗?再次感谢!

Sun*_*ons 6

在这种情况下,事实证明表单中的文本区域隐藏了一个“最小高度”属性。显然,高度的内联样式设置不会覆盖 CSS 文件中的 min-height 属性。