2009-06-25 47 views
21

我正在使用HTML中的textarea元素,並希望刪除該框的邊框。我還想要對齊textarea底部的文字。直接在文本區域刪除HTML中的textarea邊框

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

或者做:

回答

44

添加到您的<head>

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

這不會刪除IE的滾動按鈕。我的解決方案應該覆蓋。 – Jacob 2009-06-25 05:08:03

+7

內聯CSS不好 – 2009-06-25 05:31:24

+13

另外`outline:none;`爲Safari/Chrome – Gary 2012-08-17 20:50:46

38

在CSS:

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

少CSS^ 你不能遺憾地將文本對齊到底部。

3

這一個是偉大的:

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