uniapp中通过选择器修改组件内部的样式不生效问题

在UniApp中,即使你不使用 scoped属性,由于其编译机制的特殊性,实际上每个页面的样式在最终打包构建时会被隔离到该页面自身的上下文中。

意味着你直接用选择器修改组件内部的某个view的样式,不能生效,必须要哪个穿透方式才能修改例如下方是可以的

css 复制代码
::v-deep .u-button__text{
		font-size: 1.3rem!important;
	}

下方是无效的

css 复制代码
.u-button__text{
		font-size: 1.3rem!important;
	}

而在其他vue项目中,如果有全局的样式文件,就不会自带scoped属性了,需要自己决定是否使用

相关推荐
Martin -Tang29 分钟前
uniapp 实现录音操作,长按录音,放开取消
前端·javascript·vue.js·uni-app·css3·录音
西洼工作室4 小时前
UniApp开发全攻略:从生命周期到路由传值
前端·javascript·uni-app
Martin -Tang1 天前
uniapp+vue3+ts自定义表格
javascript·vue.js·uni-app
LinMin_Rik2 天前
解决win11专业版HbuilderX编译vue3的uniappX失败问题
uni-app
游戏开发爱好者82 天前
iOS应用性能监控:Pre-Main与Main函数耗时分析及Time Profiler使用教程
android·ios·小程序·https·uni-app·iphone·webview
西洼工作室3 天前
个人开发者接入阿里云号码认证服务AliCloud-NirvanaPns实现一键登录
python·阿里云·uni-app·全栈·认证授权
2501_916008893 天前
ChatGPT前端开发学习指南:Visual Studio Code与谷歌浏览器安装配置详解
ide·vscode·ios·小程序·uni-app·编辑器·iphone
2501_915909063 天前
完整指南:如何将iOS应用上架到App Store
android·ios·小程序·https·uni-app·iphone·webview
xiangxiongfly9154 天前
uni-app 组件总结
前端·javascript·uni-app
2501_915918414 天前
iOS性能数据监控:从概念到工具实践,让应用运行更流畅
android·macos·ios·小程序·uni-app·cocoa·iphone