web-dev-qa-db-ja.com

HTMLのtextarea borderの削除

HTMLのtextarea要素を使用しており、ボックスの境界線を削除したい。また、textareaの下部のテキストを揃えたいです。

htmlcsstextareaborder
34
PROFESSOR

これを<head>に追加します：

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

または、textareaで直接実行します。

<textarea style="border: none"></textarea>
57
John Kugelman

CSSで：

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

これは素晴らしいです：

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

少ないCSS ^残念ながら、テキストを下に揃えることはできません。

1
mitchbryson