Comment supprimer l'option de redimensionnement présente dans le coin inférieur droit de la zone de texte ?

Question

J'essaie de supprimer les points dans un textarea qui sont présents dans le coin inférieur droit.

Voici un exemple de ce que je veux dire (de Chrome) :

Comment supprimer ces lignes diagonales?

Answer 1

C'est aussi simple que le code suivant. Donnez simplement à la zone de texte le style resize: none

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

Answer 2

html

toupet

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