美文网首页
uniapp 自定义 picker “取消”及“完成”文字

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

作者: 飞翔的灰灰 | 来源:发表于2022-06-20 15:21 被阅读0次

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

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

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

效果图:

相关文章

网友评论

      本文标题:uniapp 自定义 picker “取消”及“完成”文字

      本文链接:https://www.haomeiwen.com/subject/gpdudxtx.html