在 textarea 上启用垂直滚动

Question

我有一个要启用垂直滚动的文本区域。当我超过文本区域的高度时，它的大小会增加。滚动条不出现。我希望出现一个垂直滚动条，并且用户也无法调整文本区域的大小。

我在网上搜索并尝试了发布的解决方案，但似乎都没有用。

演示：http: //jsfiddle.net/hozefa/8fv6e/

CSS：

 #imageURLId{
font-size: 14px;
font-weight: normal;
resize: none;
overflow-y: scroll;
}

HTML:

 <label for="aboutDescription" id="aboutHeading">About</label>
<textarea rows="15" cols="50" id="aboutDescription"
    style="resize: none;"></textarea>
<a  id="imageURLId" target="_blank">Go to
    HomePage</a>

原文由 Hozefa 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以尝试添加：

 #aboutDescription
{
    height: 100px;
    max-height: 100px;
}

原文由 Mike Christensen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

尝试这个。这是答案的另一个版本。

 #imageURLId {
  font-size: 14px;
  font-weight: normal;
  resize: none;
  overflow-y: scroll;
}

 <label for="aboutDescription" id="aboutHeading">About</label>
<textarea rows="15" cols="50" id="aboutDescription" style="max-height:100px;min-height:100px; resize: none"></textarea>
<a id="imageURLId" target="_blank">Go to
    HomePage</a>

原文由 Royi Namir 发布，翻译遵循 CC BY-SA 4.0 许可协议