如何删除文本区域右下角的调整大小选项？

Question 1

我正在尝试删除textarea右下角存在的a中的点。

这是我的意思的示例（来自Chrome）：

如何删除那些对角线？

Question 2

只需添加您的CSS文件

textarea { resize: none; }

后来（2019）编辑：与我的这个答案以及resize: none应用于textarea元素声明的GitHub代码搜索结果的增加有关，我写了几行关于为什么我认为CSS不调整大小textarea对UX不利的原因：

通常，textarea限于行和列的数量，或者具有通过CSS定义的固定宽度和高度。仅基于我自己的经验，在回答论坛，在网站上编写联系表，填充实时聊天弹出窗口或什至在Twitter上发送私人消息时，这非常令人沮丧。

有时，您需要输入由很多段落组成的长回复，并将该文本包装在一个很小的textarea框中，使您在键入时难以理解和关注。例如，很多时候我不得不在Notepad ++中编写该文本，然后将整个答复粘贴到该小的文本区域中。我承认我也打开了DevTools来覆盖调整大小：无声明，但这并不是一种有效的处理方式。

来自https://catalin.red/css-resize-none-is-bad-for-ux/

因此，在将以上内容添加到样式表之前，您可能需要检查一下。

Question 3

它和下面的代码一样简单。只要给textarea样式resize: none

<textarea style="resize: none"></textarea>

展开摘要

Question 4

html

ass

textarea {
  position: relative;
  z-index: 1;
  min-width: 1141px;
  min-height: 58px;
}

.resizer {
  position: relative;
  display: inline-block;
  &:after {
    content: "";
    border-top: 8px solid #1c87c7;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    -webkit-transform: rotate(-45deg);
    z-index: 1;
    opacity: 0.5;
    position: absolute;
    bottom: 1px;
    right: -3px;
    pointer-events: none;
  }
}
.arrow-resizer-textarea {
  height: 0;
  width: 0;
  border-top: 8px solid #1c87c7;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  -webkit-transform: rotate(-45deg);
  position: absolute;
  bottom: 1px;
  right: -3px;
  pointer-events: none;
  z-index: 2;
}