2013-09-25 16 views
5

Ich kann die Größe der Textfläche nicht mit der Maus reduzieren, obwohl ich die minimale Breite und Höhe nicht angegeben habe. In Firefox ist alles in Ordnung. Diese Frage wurde hier gestellt: Can't reduce size of resizable textarea in Chrome, aber ich konnte keine passende Antwort finden, vielleicht kann mir jemand helfen.Die Größe der Textfläche in Chrome und Opera kann nicht reduziert werden

Das ist mein Aufschlag:

<textarea id="textarea" name="textarea"></textarea> 

und CSS:

textarea{ 
    width: 90%; 
    height: 400px; 
    border: 2px dashed black; 
    border-radius: 12px; 
    background-color: transparent; 
    font-family: Purisa; 
    font-size: 23px; 
    padding: 5px; 
    margin: 20px auto auto auto; 
    outline: none; 
    border-color: black; 
} 
+0

Wenn Ihre Frage bereits gestellt wurde, sollten Sie kein Duplikat veröffentlichen, sondern versuchen, die Antworten auf eine bestehende Frage zu verbessern. Wir wollen keine Kopien derselben Frage mit verschiedenen Antworten haben. –

+0

mögliches Duplikat von [Größe des veränderbaren Textfelds in Chrome nicht reduzieren] (http://stackoverflow.com/questions/10356797/cant-reduce-size-of-resizable-textarea-in-chrome) –

Antwort

3

Google Chrome Inhalt zu zeigen, richtig Benutzer eine gewisse Art von Beschränkung hat. Aus diesem Grund haben sie die Standardaktionen der Größe auf <textarea> bearbeitet. In älteren Versionen von Chrome gab es keine Einschränkung.

Also, wenn Sie heightmin-height verwenden, wird Ihre Höhe sein. Sie müssen also nur min-height und max-height einstellen. Height überschreibt die Mindesthöhe in Chrome.

Hier ist ein einfaches Geige: http://jsfiddle.net/gAr72/1/

Edit:

Sie Firefox gleiche funktioniert wie Chrome in dieser Geige sehen. Höhe ist riskant für Design BTW. Unbegrenzte Größenänderung bricht immer das Design. So ist die Begrenzung von Höhe und Breite eine gute Option.

+0

Funktioniert gut .. mit Chrome. cool – Irfan

Verwandte Themen