CODEWITHSUNDEEP
htmlcsstextareaborder
PROFESSOR
PROFESSOR

Reputation: 914

Removing the textarea border in HTML

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.

Upvotes: 59

Views: 166925

Answers (5)

Vitalicus
Vitalicus

Reputation: 1379

Also, you can remove the resize icon

textarea {resize:none;}

Upvotes: 5

John Kugelman
John Kugelman

Reputation: 361645

textarea {
    border: none;
    outline: none;
}

Upvotes: 97

SilverHorn
SilverHorn

Reputation: 1026

This one is great:

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

Upvotes: 5

mitchbryson
mitchbryson

Reputation: 

textarea {
border: 0;
overflow: auto; }

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

Upvotes: 1

Jacob
Jacob

Reputation: 78840

In CSS:

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

Upvotes: 55

Related Questions