更改vant的组件的样式，比如设置选中状态的字体加粗

72 阅读 0 评论 48 点赞

我是靠谱客的博主爱听歌山水，这篇文章主要介绍更改vant的组件的样式，比如设置选中状态的字体加粗，现在分享给大家，希望可以做个参考。

1.想实现的效果，选中的tab栏文字加粗

在这里插入图片描述

选中的盒子有一个类名是：van-tab–active

可以看到，设置上了900的字体大小，并没有设置上

在这里插入图片描述

::v-deep .van-tab--active {
  font-weight: 900;
}

可以看到成功设置上了样式

在这里插入图片描述

::v-deep .van-tab[aria-selected="true"] {
  font-weight: 900;
}

在这里插入图片描述

以上就是爱听歌山水最近收集整理的关于更改vant的组件的样式，比如设置选中状态的字体加粗的全部内容，更多相关更改vant内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。