텍스트 영역의 오른쪽 하단 모서리에있는 점을 제거하는 방법은 무엇입니까?

텍스트 영역의 오른쪽 하단 모서리에있는 점을 제거하는 방법은 무엇입니까? HTML

---

textarea오른쪽 하단 에있는 점을 제거하려고합니다 .

다음은 내가 의미하는 바의 예입니다 (Chrome에서).

그 대각선을 제거하는 방법?

---

CSS파일에 추가하기 만하면 됩니다.

textarea {resize: none}

---

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

참고 URL : https://stackoverflow.com/questions/6340545/how-to-remove-dots-present-at-the-right-bottom-corner-of-the-textarea-html