2009-06-25 10 views
21

私はtextarea要素をHTMLで処理していて、枠の枠線を削除したいと考えています。私はまた、textareaの下のテキストを整列させたいと思っています。HTML内のtextarea枠を削除する

答えて

44

あなた<head>にこれを追加します。

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

またはテキストエリアに直接それを行う:CSSで

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

IEでスクロールボタンを削除しないこと。私の解決策はそれをカバーするべきです。 – Jacob

+7

インラインCSSが良くない –

+13

Safari/Chromeの 'outline:none;' – Gary

38

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

これはクロスブラウザで動作するので、正解でなければなりません。 –

1
textarea { 
border: 0; 
overflow: auto; } 

以下CSS^ ますできない残念なことにテキストを下に整列させる。

+1

これは、透明に設定することなく、ie7でボーダーを取り除いています。 –

3

この1つは素晴らしいです:

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