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属性了,需要自己决定是否使用

相关推荐
咸虾米_1 小时前
开发uniapp前端通用价格组件提交到DCloud插件市场
uni-app·商城·开发插件·dcloud插件市场·扩展组件
郑州光合科技余经理1 小时前
实战分享:如何构建东南亚高并发跑腿配送系统
java·开发语言·javascript·spring cloud·uni-app·c#·php
2501_916007472 小时前
iOS与Android符号还原服务统一重构实践总结
android·ios·小程序·重构·uni-app·iphone·webview
嘿siri3 小时前
uniapp enter回车键不触发消息发送,已解决
前端·前端框架·uni-app·vue
00后程序员张4 小时前
fastlane 结合 appuploader 命令行实现跨平台上传发布 iOS App
android·ios·小程序·https·uni-app·iphone·webview
2501_915106324 小时前
iOS 性能优化这件事,结合多工具分析运行期性能问题
android·ios·性能优化·小程序·uni-app·cocoa·iphone
嘿siri4 小时前
自定义app端、小程序端和H5等多端自定义键盘输入框,跟随系统键盘弹出和隐藏
javascript·小程序·uni-app·uniapp
游戏开发爱好者84 小时前
App Store 上架流程,结合多工具协作
android·ios·小程序·https·uni-app·iphone·webview
cesske5 小时前
如何在yii2的uniapp项目中处理提交重复问题?
uni-app·状态模式
茶憶6 小时前
UniApp 安卓端实现文件的生成,写入,获取文件大小以及压缩功能
android·javascript·vue.js·uni-app