Question

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

 <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字段更改为{{ 1}}如果愿意，可以使用上面的CSS，并将div样式设为div字段（即浅灰色textarea和border，足够的border-radius）。这将为您提供可在需要时调整大小的禁用内容。

padding

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

我希望这会有所帮助

当textarea被禁用时无法调整大小

1 个答案:

更新