问题描述:
一般情况下,小程序想修改vant组件的样式只需要找到对应vant组件的类名,可以自由的在自己的wxss文件中进行修改。
但当我们在自定义组件内引入vant元素,再将自定义组件内嵌到小程序某个页面中的时候,此时,自定义组件内的vant元素的样式就无法修改了。
我试了各种方法,!important /deep/ #shadow custom-class...都无效。
比如,我现在自定义了ctrl-device组件,并在组件内使用了vant的侧边栏,此时,我想修改侧边栏选中项的边框,如图,官方默认边框为红色
文章来源地址https://www.toymoban.com/news/detail-601666.html
我现在要修改它为绿色,此时,如果我在ctrl-device组件的wxss文件内选中vant标签去修改,是无法生效的。尽管我们通过wxml结构已经找到了该元素边框的class类以及他的嵌套位置。
文章来源:https://www.toymoban.com/news/detail-601666.html
到了这里,关于小程序页面嵌套自定义组件无法修改vant-weapp样式的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!