Remove dot marks from textarea

Question

How to remove right bottom-corner dots from textarea ?

There is a solution with following css resize:none but I don't want to remove resizing...

So is it possible to do ...

Answer 1

try these two ways:

.none::-webkit-resizer {
    display: none;
}
.pic::-webkit-resizer {
    background:    url(http://www.zhangxinxu.com//study/image/selection.gif);
    outline: 1px dotted #000;
}

<textarea class="none"></textarea>
<textarea class="pic"></textarea>