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

相关推荐
米粒宝的爸爸9 小时前
uniapp在app端,在导航栏设置自定义按钮
uni-app
dssxyz10 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
xw510 小时前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !10 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
颜渊呐16 小时前
uniapp中APPwebview与网页的双向通信
前端·uni-app
白杨木影子被拉长18 小时前
多状态映射不同样式(scss语法)
vue.js·uni-app
一念杂记18 小时前
免费开源!微信小程序商城源码,快速搭建你的线上商城系统!
微信小程序·uni-app
aklry1 天前
uniapp三步完成生成一维码图片
uni-app
雪芽蓝域zzs1 天前
uniapp 国密sm2加密
uni-app
打不着的大喇叭2 天前
uniapp的光标跟随和打字机效果
前端·javascript·uni-app