原 color-ui 设置textarea为只读

版权声明：本文为博主原创文章，请尊重他人的劳动成果，转载请附上原文出处链接和本声明。
本文链接：https://www.91mszl.com/zhangwuji/article/details/1375

一：color-ui将textarea设置为只读

<view class="cu-form-group">
    <textarea v-model="remark" disabled="true"></textarea>
</view>

二：效果图，textarea数据回显这里显示是空白

三：原因，color-ui会给textarea设置color: transparent导致的。

四：解决方法，进行样式覆盖即可。

.cu-form-group textarea[disabled], .cu-form-group textarea[disabled] .placeholder {
    color: #555;
}

五：最终的效果图

参考文档：

https://developers.weixin.qq.com/community/develop/doc/0008ec69e40c8057332adcbf956800