Erlaube einer Textarea-Größe zu verkleinern (nicht nur wachsen) Element von seiner ursprünglichen/Standardgröße

Question

Ich versuche, ein textarea Element zu erstellen, das eine programmgesteuert definierte Original/Standardgröße hat, die der Benutzer innerhalb definierter Grenzen die Größe ändern kann erlaube es sowohl zu wachsen als auch zu schrumpfen.

Ich habe versucht, die resize, min-width, max-width und width Eigenschaften des Text-Bereichs einstellen, aber so weit, dies erlaubt nur der Benutzer das textarea Element wachsen, nicht es schrumpft. Der Browser erlaubt dem Benutzer, das Element innerhalb der Grenzen von width und max-width, nicht zwischen den Grenzen von min-width und max-width, wie beabsichtigt, zu dimensionieren und seine Größe zu ändern.

Gibt es eine einfache Möglichkeit, eine Standard Größe angeben, die nicht auch als Mindest Größe behandelt werden?

---

Hier ist der Code, den ich mit Arbeit bin:

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); 
} 

Ein reines CSS und/oder JavaScript-Lösung bevorzugt wird, aber es hat nur auf Web-Kit zu arbeiten.

Answer 1

Versuchen Sie max-width und Breite auf 0

Answer 2

min-width gleich gesetzt ich in fittext oder ähnlichen Skripte aussehen: http://fittextjs.com/

Diese genau das tun, was Sie beschreiben.