Removing the textarea border in HTML

Question

I'm working with the textarea element in HTML and want to remove the border of the box. I also want to align the text in the bottom of my textarea.

Stake

Answer 1

textarea {
    border: none;
    outline: none;
}

Pitta

That won't remove the scroll buttons in IE. My solution should cover that. – Ansley

Answer 2

In CSS:

  textarea { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;        
  }

Ansley

@Ansley is it possible to include how to do this directly inside the <textarea> tag itself? – Amabel

@user5783745: you can just put it in a style attribute: <textarea style="border-tyle: none; border-color: Transparent; overflow: auto"></textarea> – Ansley

Answer 3

This one is great:

<style type="text/css">
textarea.test
{  
width: 100%;
height: 100%;
border-color: Transparent;     
}
</style>
<textarea class="test"></textarea>

Inlaid

Answer 4

Also, you can remove the resize icon

textarea {resize:none;}

Aback

Answer 5

textarea {
border: 0;
overflow: auto; }

less CSS ^ you can't align the text to the bottom unfortunately.

Knobloch