在HTML中删除textarea边框

PRO*_*SOR 35 html css textarea border

我正在使用textareaHTML中的元素,并希望删除框的边框.我也希望将文本对齐在我的底部textarea.

Joh*_*ica 58

将此添加到您的<head>:

<style type="text/css">
    textarea { border: none; }
</style>
Run Code Online (Sandbox Code Playgroud)

或者直接在textarea上做:

<textarea style="border: none"></textarea>
Run Code Online (Sandbox Code Playgroud)

  • 对于Safari/Chrome,也是`outline:none;` (14认同)

Jac*_*cob 46

在CSS中:

  textarea { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;        
  }
Run Code Online (Sandbox Code Playgroud)

  • @user5783745:你可以把它放在`style`属性中:`&lt;textarea style="border-tyle: none; border-color:Transparent; Overflow: auto"&gt;&lt;/textarea&gt;` (2认同)

Sil*_*orn 5

这个很棒:

<style type="text/css">
textarea.test
{  
width: 100%;
height: 100%;
border-color: Transparent;     
}
</style>
<textarea class="test"></textarea>
Run Code Online (Sandbox Code Playgroud)


Vit*_*cus 5

另外,您可以删除调整大小图标

textarea {resize:none;}
Run Code Online (Sandbox Code Playgroud)