JSFiddle - React, Tailwind, and code Playground

HTML

<textarea name="" id="" cols="30" rows="10" class="styled"></textarea>

<div class="styled">test</div>

CSS

.styled {
   
    resize:both;
    overflow:auto;
}

::-webkit-resizer {
    border: 2px solid yellow;
    background: blue;
    box-shadow: 0 0 2px 5px red;
    outline: 2px dashed green;

    /*size does not work it seems*/    
    width: 150px;
    height: 150px;
}

::-moz-resizer {
    border: 2px solid yellow;
    background: blue;
    box-shadow: 0 0 2px 5px red;
    outline: 2px dashed green;

    /*size does not work it seems*/    
    width: 150px;
    height: 150px;
}