允许textarea调整大小以从其原始/默认大小缩小(不仅仅是增长)元素

Question

我正在尝试创建一个textarea具有编程定义的原始/默认大小的元素,但用户可以在定义的限制内调整大小,以允许它增长和缩小.

我已经尝试设置resize,min-width,max-width,和width文本区域的属性,但是,迄今为止,这仅允许用户成长的textarea元素,而不是缩小了.浏览器将允许用户在预期的范围内,width而max-width不是在界限min-width和范围之间调整元素的大小和大小max-width.

是否有一种简单的方法来指定不会被视为最小尺寸的默认尺寸？

---

这是我正在使用的代码:

function textAreaWithDefault(size) {
    var ta = document.createElement("textArea");

    ta.style.resize = "both";
    ta.style.minWidth = "100px";
    ta.style.width = size + "px";    // default size
    ta.style.maxWidth = "500px";

    document.body.appendChild(ta);
} 

纯css和/或javascript解决方案是首选,但它只需要在web-kit上工作.

Answer 1

尝试将 min-width 设置为等于 max-width 并将 width 设置为 0