针对textarea输入框,浏览器一般会默认带一个角标。我遇到的问题是,antd1.7.8版本官网有角标,但是自己的项目没有。也没定位到问题在哪。最后自己画了一个图标覆盖。
如果不需要角标,可以设置resize为none;
需要的话首先设置resize,可以选择横向拖动,竖向拖动,或者both。
使用::-webkit-resizer属性,下面例子是纵向拖动。
textarea {
resize: vertical !important;
}
textarea::-webkit-resizer {
background-image: url('assets/textarea-icon2.png') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-color: transparent;
}