textarea resize-handler image replacement

fake on "replace the resize handler with an image".

by herrfischerhamburg

HTML

<form action="/" method="post">
    <div class="textarea_wrapper">
        <textarea id="comment" cols="58" rows="10" tabindex="4"></textarea>
    </div>
</form>

CSS

textarea {
    width: 100%;
    resize: vertical;
    background-color: #efefef;
    border: none;
    min-height: 100px;
}
.textarea_wrapper {
    position: relative;
}
.textarea_wrapper::after {
    pointer-events: none;
    content: "↓";
    font-size: 14px;
    position: absolute;
    height: 22px;
    width: 22px;
    text-align: center;
    bottom: 2px;
    right: -2px;
    z-index: 2;
    background-color: #efefef;
}