Removing the textarea border in HTML

StackOverflow https://stackoverflow.com/questions/1042257

  •  22-07-2019
  •  | 
  •  

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.

Was it helpful?

Solution

Add this to your <head>:

<style type="text/css">
    textarea { border: none; }
</style>

Or do it directly on the textarea:

<textarea style="border: none"></textarea>

OTHER TIPS

In CSS:

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

This one is great:

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

textarea {
border: 0;
overflow: auto; }

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top