vue使用vant组件时无法修改默认样式问题

由于vue开发时会在style加上scoped避免全局污染,所以正常开发时直接修改外部组件(vant)的样式时会不生效,我们把scoped删除后会发现样式是可以生效的。但是scoped是肯定不能不要的。所以我们可以用 /deep/(深度)来修改样式


        /deep/.van-dropdown-menu__title{

          font-size: 0.26rem;

          font-family: Source Han Sans CN Regular;

          font-weight: 400;

          text-align: left;

          color: #333333;

        }

vue使用vant组件时无法修改默认样式问题_第1张图片

如图所示,在标签前加上 /deep/ 就可以了

vue 官方给出的解释vue使用vant组件时无法修改默认样式问题_第2张图片

你可能感兴趣的:(vue使用vant组件时无法修改默认样式问题)