I have this html and css: http://jsfiddle.net/b7rDL/1/HTML:\[code\]<div class="text-block" contenteditable="true">Some Text</div>\[/code\]css:\[code\].text-block { resize: none; font-size:40px; border: none; line-height: 1; -moz-appearance: textfield-multiline; -webkit-appearance: textarea; min-width: 30px; overflow: visible; white-space: nowrap; display: inline-block;}\[/code\]This code allows me to write text with no width limit or height limit. It displays no scroll bar and it grows with the text.
1. How can I convert this to regular textarea that will act the same?
2. How can I disable the spellchecker? \[code\]spellcheck=false\[/code\] doesn't work.
3. How can I get rid of the border when I am focused? Any answer for those questions will help me.Thanks
1. How can I convert this to regular textarea that will act the same?
2. How can I disable the spellchecker? \[code\]spellcheck=false\[/code\] doesn't work.
3. How can I get rid of the border when I am focused? Any answer for those questions will help me.Thanks