Θέλω να κάνω το ύψος της περιοχής κειμένου ίσο με το ύψος του κειμένου μέσα σε αυτήν (Και να αφαιρέσω τη γραμμή κύλισης)
HTML
<textarea id="note">SOME TEXT</textarea>
CSS
textarea#note {
width:100%;
direction:rtl;
display:block;
max-width:100%;
line-height:1.5;
padding:15px 15px 30px;
border-radius:3px;
border:1px solid #F7E98D;
font:13px Tahoma, cursive;
transition:box-shadow 0.5s ease;
box-shadow:0 4px 6px rgba(0,0,0,0.1);
font-smoothing:subpixel-antialiased;
background:linear-gradient(#F9EFAF, #F7E98D);
background:-o-linear-gradient(#F9EFAF, #F7E98D);
background:-ms-linear-gradient(#F9EFAF, #F7E98D);
background:-moz-linear-gradient(#F9EFAF, #F7E98D);
background:-webkit-linear-gradient(#F9EFAF, #F7E98D);
}
JsFiddle:
Μπορεί να επιτευχθεί με τη χρήση JS. Ακολουθεί μια 'one-line' [λύση][1] με χρήση του [elastic.js][2]:
$('#note').elastic();
</s>,
Ενημερώθηκε: αλλά αν ψάχνετε για μια εξωτερική βιβλιοθήκη, μπορώ να σας προτείνω την [autosize.js του Jack Moore][3]. Αυτό είναι το παράδειγμα εργασίας: