css - Vue:如何更改作用域子组件的样式

我在Vue中使用vant ui组件，例如按钮，我想对其样式进行一些改动，例如颜色，边框....，但是我不怎么完成它，有人可以帮助我解决问题吗？提前致谢！

我尝试在元素上添加CSS或内联样式，但是不起作用！

最佳答案

可以使用component's更改任何自定义deep selector css

GitHub参考-https://github.com/vuejs/vue-loader/issues/913

在这种情况下，请使用::v-deep，因为/deep/将被弃用。

参考-Deep Selector

只需检查要在chrome或任何浏览器控制台中使用element修改的呈现的devtools的类。

然后，在使用component时对其进行修改

<style scoped>
::v-deep vant-component-class {
   background: red; //
}
</style>

关于css - Vue:如何更改作用域子组件的样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56697673/