Hide the corner of <textarea>

Question

On Firefox (at least), when we disable the border of a textarea, its bottom right corner is still visible. How can we remove it?

textarea:focus {
  outline: solid;
}

textarea {
  border: none;
}

<textarea>Hello</textarea>

Answer 1

Try resize:none for <textarea>.

textarea{
  resize:none;
}

Answer 2

You have to disables resizing behavior in this case

textarea {
  border: none;
  resize: none;
}