如何删除textarea右下角的点？ HTML

Question

我正在尝试删除位于右下角的textarea中的点。

以下是我的意思（来自Chrome）的例子：

如何删除那些对角线？

Answer 1

只需添加CSS文件

即可

textarea {resize: none}

Answer 2

它就像下面的代码一样简单。只需将textarea的样式设置为resize: none

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

Answer 3

<强> HTML

                                                                               

<强> SASS

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;
}