Удаление границы текстовой области в HTML

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


html css border textarea
person PROFESSOR    schedule 25.06.2009    source источник

Ответы (4)


arrow_upward
50
arrow_downward

В CSS:

  textarea { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;        
  }
person Jacob    schedule 25.06.2009
comment
Это должен быть правильный ответ, так как он работает в кроссбраузерном режиме. - person Mild Fuzz; 12.03.2012
comment
@Jacob, можно ли указать, как это сделать, непосредственно внутри самого тега <textarea>? - person stevec; 04.08.2018
comment
@ user5783745: вы можете просто поместить его в атрибут style: <textarea style="border-tyle: none; border-color: Transparent; overflow: auto"></textarea> - person Jacob; 04.08.2018

arrow_upward
3
arrow_downward

Это здорово:

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

arrow_upward
1
arrow_downward 

textarea {
border: 0;
overflow: auto; }

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

person Community    schedule 25.06.2009
comment
Это избавило от границы в ie7, не делая ее прозрачной. - person Keith Walton; 15.12.2010

arrow_upward

arrow_downward

person    schedule
comment
Это не удалит кнопки прокрутки в IE. Мое решение должно охватывать это. - person Jacob; 25.06.2009