javascript - 禁用时无法调整文本区域的大小

Question

我有一个文本区域被禁用以阻止用户编辑文本，但这也禁用了文本区域的大小调整。我无法拖出文本区域来查看框中的所有文本。

 <textarea runat="server" id="txtCollectionInstructions" style="height:17px; width:275px" disabled="disabled" ></textarea>

有没有办法让 textarea 保持禁用状态，使他们无法编辑文本但仍然能够调整 textarea 的大小？

Answer 1

您可以在 CSS 中设置 resize:both;，这有望让您调整 textarea 的大小:

textarea {
    resize: both;
    overflow: auto;
}

 <textarea runat="server" id="txtCollectionInstructions" style="height:17px; width:275px" disabled="disabled" ></textarea>

更新

如果在内容重叠时无法调整 textarea 字段的大小，如果这不是一个充分的解决方案，那么可以更改 textarea 字段到 div，如果需要，使用上面的 CSS 并将 div 设置为 textarea 字段(即 light灰色 border 带有小的 border-radius 和足够的 padding)。这将为您提供可根据需要调整大小的禁用内容。

    div {
        resize: both;
        overflow: auto;
        border:1px solid #CCC;
        border-radius:4px;
        padding:10px;
        font-family:Arial;
        font-size:14px;
    }

<div id="txtCollectionInstructions" style="height:17px; width:275px" >This is text...</textarea>

希望对你有帮助