Как убрать уголок у textarea не используя resize: none?

div {   
  display: inline-block; 
  position: relative; 
} 
 
div:after { 
  content: ''; 
  display: block; 
  z-index: 10; 
  position: absolute; 
  width: 0; 
  height: 0; 
  border-bottom: 20px solid white; 
  border-left: 20px solid transparent; 
  right: 1px; 
  bottom: 3px; 
}

<div> 
  <textarea rows="5" cols="30"></textarea> 
</div>