从textarea中删除点标记

Question

如何从textarea中删除右下角点？

有一个跟随css的解决方案,resize:none但我不想删除调整大小...

所以有可能......

Answer 1

试试这两种方式:

.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>

Answer 2

没有resize:none;属性,您无法删除调整大小句柄.但是你可以div在这些虚线上放置一个(调整大小手柄).在这里看演示

textarea {
    position: relative;
    margin: 20px 0 0 20px;
    z-index: 1;
}
.wrap {
    position: relative;
    display: inline-block;
}

.handle-hide {
    height:12px;
    width:12px;
    position: absolute;background:#fff;
    bottom: 2px;
    right: 2px;
    pointer-events: none;
    z-index: 2;
}

<div class="wrap">
    <div class="handle-hide"></div>
    <textarea placeholder="drag the cyan triangle..."></textarea>
</div>