uniapp picker组件的样式更改

不知道有没有小伙伴遇到过这个问题 我是各种穿透和层级都尝试了更改不了其样式

梳理一下

H5端

在全局app.vue下添加如下代码

复制代码
.uni-picker-container .uni-picker-header{                

            background-color: $uni-color-pink; //picker头部背景色

}

.uni-picker-container .uni-picker-action.uni-picker-action-confirm      //picker确定按钮颜色

,.uni-picker-container .uni-picker-action.uni-picker-action-cancel{            
        color: $uni-text-color-inverse;  //picker取消按钮颜色                                       //这里时改成同一种颜色,可根据项目需求拆分更改
}

app端 需要更改其源码

找到如下目录的js文件在HX中打开

然后 ctrl+f 搜索相应类名改就好了

相关推荐
MPGWJPMTJT5 小时前
告别手动切换 Node 版本:从 nvm 迁移到 Volta
前端
Apifox5 小时前
Apifox 近期更新|AI Agent Debugger、A2A Debugger、Postman API 导入、Ask AI 侧边栏对话
前端·人工智能·后端
嗷o嗷o5 小时前
Android 前台服务为什么越来越难用了?很多问题不是限制多,而是你任务模型就不该用 FGS
前端
摇滚侠5 小时前
软件开发外包项目组,如何提高代码质量和开发效率
java·开发语言·前端·ide·intellij-idea
不考研当牛马5 小时前
HTML CSS 新手大全初学者必看 (含有部分 JavaScript)
javascript·css·html
卷帘依旧5 小时前
Promise链式调用原理
前端·javascript
光影少年5 小时前
react 单向数据流理解
前端·react.js·掘金·金石计划
万少6 小时前
可以免费使用的 DeepSeek-V4-Flash,很多人还不知道!
前端
threelab6 小时前
Three.js 图像粒子飞线效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
anyup6 小时前
全面重构的 uni-app 多平台上传组件,功能强到离谱!
前端·vue.js·uni-app