I am creating a simple text editor - the text input is a textarea element. I want to remove the two lines used to change the box size (in fact, if possible, I'd like to fix the box size so it can't be changed).
This is what I'm talking about: 
EDIT: Here's the code:
// HTML <textarea id="canvas" placeholder="Write something..."></textarea> // CSS #canvas { border: 1px dashed #999; background: transparent; width: 500px; height: 400px; margin: 0 auto; padding: 5px; font-size: 20px; } You can try CSS properties resize and appearance:
#textbox { border: 1px dashed #999; background: transparent; width: 500px; height: 400px; margin: 0 auto; padding: 5px; font-size: 20px; resize:none; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }<textarea id="textbox" placeholder="Write something..."></textarea>
Add the property resize:none to the textarea. Here is the working code:
#canvas { border: 1px dashed #999; background: transparent; width: 500px; height: 400px; margin: 0 auto; padding: 5px; font-size: 20px; resize:none; }<textarea id="canvas" placeholder="Write something..."></textarea>Hope this helps!
