vant 无法覆盖组件样式
程序员文章站
2024-01-25 20:27:52
...
问题描述:
在修改组件样式的时候,有些修改没有效果,在浏览器也看不到修改的内容。而 去掉 scoped
之后就会有效果。
<style lang="scss" scoped>
</style>
三种解决方式:
- 1、在下面加一个不带
scoped
的<style>
标签处理例外情况
<style lang="scss" scoped>
</style>
<style lang="scss">
...
img {
border-radius: 50%;
}
</style>
- 2、建一个
css
文件,用来写一些覆盖样式 - 3、在要覆盖的样式前加上
::v-deep
....
::v-deep img {
border-radius: 50%;
}
推荐阅读
-
vant 无法覆盖组件样式
-
微信小程序Vant Weapp 日历calendar组件多种应用(样式更改,默认区间显示,点击日历时间同步数据,只显示今天之前的数据等)
-
vue 公共列表选择组件,引用Vant-UI的样式方式
-
vant-Image图片组件本地图片无法显示
-
解决iview和elementUI组件样式覆盖无效的问题
-
vue开发中,父组件添加scoped之后 如何解决在父组件中无法修改子组件样式的问题?
-
解决vue单页面修改样式无法覆盖问题
-
详解基于Vue cli开发修改外部组件Vant默认样式
-
uni-app小程序怎么修改自定义组件样式 uniapp 覆盖 组件样式
-
如何解决vue开发中父组件添加scoped后无法修改子组件样式问题