Удаление границы textarea в HTML

Я работаю с элементом textarea в HTML и хочу удалить границу поля. Я также хочу выровнять текст в нижней части моего textarea.

Добавьте это в свой <head>:

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

Или сделайте это прямо в текстовом поле:

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

В CSS:

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

Это замечательно:

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

textarea {
border: 0;
overflow: auto; }

меньше CSS ^ вы не можете выровнять текст до конца, к сожалению.