如何从 textarea 元素中删除调整大小的角？ [复制]答案

【问题标题】：How to remove the resize corner from a textarea element? [duplicate]如何从 textarea 元素中删除调整大小的角？ [复制]
【发布时间】：2018-12-13 14:49:04
【问题描述】：

我正在创建一个简单的文本编辑器 - 文本输入是一个 textarea 元素。我想把用来改变盒子大小的那两行去掉（事实上，如果可能的话，我想把盒子大小修好，这样就不能改变了）。

这就是我要说的：

编辑：这是代码：

// HTML
<textarea id="canvas" placeholder="Write something..."></textarea>

// CSS
#canvas {
  border: 1px dashed #999;
  background: transparent;
  width: 500px;
  height: 400px;
  margin: 0 auto;
  padding: 5px;
  font-size: 20px;
}

【问题讨论】：

请出示您的代码
从 'canvas' 编辑到 'textarea' :)

标签： html css

【解决方案1】：

你可以试试 CSS 属性 resize 和 appearance：

#textbox {
    border: 1px dashed #999;
    background: transparent;
    width: 500px;
    height: 400px;
    margin: 0 auto;
    padding: 5px;
    font-size: 20px;

    resize:none;

    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

&lt;textarea id="textbox" placeholder="Write something..."&gt;&lt;/textarea&gt;

【讨论】：

太好了，谢谢！

【解决方案2】：

将属性resize:none 添加到文本区域。这是工作代码：

#canvas {
    border: 1px dashed #999;
    background: transparent;
    width: 500px;
    height: 400px;
    margin: 0 auto;
    padding: 5px;
    font-size: 20px;
    resize:none;
}

&lt;textarea id="canvas" placeholder="Write something..."&gt;&lt;/textarea&gt;

希望这会有所帮助！

【讨论】：

@tkim90 请告诉我是否还需要更改
这太完美了，谢谢！！