Премахване на границата на текстовото поле в 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