uniapp 自定义 picker “取消”及“完成”文字

uniapp picker组件并无可以修改“完成”和“取消”文字的属性,直接改源码则比较麻烦,故可以通过css伪类的方式来修改:


如上图,将uniapp自带的文字颜色强制改为白色,为其添加伪类并设置伪类的文字和颜色,即可实现“完成”文字的自定义修改;


同理,自定义“取消”,为类名为uni-picker-action-cancel的标签设置相应的伪类即可

效果图:

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

推荐阅读更多精彩内容