fix TextArea- Höhe Größe

Question

Ich hoffe, dass Sie mir helfen können, ich bin junior in HTML/CSS

Ich habe ein Textfeld mit Höhe in Prozentwert innerhalb einen div von unbekannt Höhe bekannt ist, wenn Ich versuche in dieses Textfeld zu schreiben, es wird geändert.

meine Frage ist, wie TextArea- Höhe zu fixieren, wenn im Innern durch Prozentwert

Ich weiß zu schreiben versuchen, dass ich zum ersten Mal div Höhe reparieren muß durch seine Höhe angeben px oder % mit um um die Textarea-Höhe zu fixieren.

habe ich versucht, diese Attribute aber kein Glück

resize: none; 
display:block; 

Bitte beachten Sie, dass die div Höhe veränderbar ist und es funktioniert als Container für mehrere Textfeld so, dass ich nicht eine bestimmte Höhe für sie hinzufügen kann,

BTW, ist dieses Problem geschieht auf allen Browsern

Bitte helfen

Answer 1

CSS-Regel resize: none; übernimmt diese Aufgabe.

Sie können auch Ihre Textbereichshöhe in Zeilen mit dem Attribut rows einstellen.

textarea { 
 
    resize: none; 
 
} 
 
textarea.ta10em { 
 
    height: 10em; 
 
}

<div> 
 
    <textarea rows=3>Some text 
 
Second line 
 
Third line</textarea> 
 
</div> 
 
<div> 
 
    <textarea class="ta10em">Some text 
 
Second line</textarea> 
 
</div>

Answer 2

zuerst. Stellen Sie sicher, dass es keinen Stil in Ihrem html Konflikt mit Ihnen css.

das gleiche Problem

• für alle Textbereich verursachen können:

  textarea { 
  resize: none; 
  } 
  

• oder

  textarea { 
  max-height: 100px; 
  } 
  

change "100" auf das, was Sie wollen.

oder versuchen Sie dies in Ihrem Textfeld:

<textarea style="resize:none"></textarea>