textarea 角标

针对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;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容