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

相关推荐
2501_9159090627 分钟前
全面解析iOS应用上架到App Store的完整流程与关键注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915106326 小时前
iOS 证书类型及作用说明 账号证书与签名配置的完整解读
android·ios·小程序·https·uni-app·iphone·webview
2501_916008891 天前
移动安全之 APP 加固,保障移动应用安全的重要手段
安全·macos·ios·小程序·uni-app·iphone·xcode
2501_915106321 天前
Python爬虫从零开始:七天掌握HTTP协议、数据解析与反爬策略
android·ios·小程序·https·uni-app·iphone·webview
90后的晨仔1 天前
uni-app 项目目录结构全解:每个文件、每个文件夹的作用与配置详解
vue.js·uni-app
爱看老照片1 天前
关于uniapp中单位rpx的注意点
uni-app·rpx
郑州光合科技余经理2 天前
代驾系统架构拆解:订单链路、权限组织与私有化源码交付
开发语言·后端·算法·架构·系统架构·uni-app·php
2501_915921432 天前
详细解析,iOS 应用上架 App Store 的完整流程与指南
android·ios·小程序·https·uni-app·iphone·webview
2501_915918412 天前
Xcode调试iOS应用内存管理与优化,识别泄漏与性能监控指南
android·ios·小程序·uni-app·cocoa·iphone·xcode
波罗丁牌3 天前
uni-app 实现视频聊天、屏幕分享,支持Android、HarmonyOS、iOS
android·uni-app·音视频