Element ui 修改 <el-collapse 的 <el-collapse-item 标题字体大小

先声明 本次使用的vue版本是2.0 使用的是Element ui 而不是Element Plus

我们先来看,这标题是原有的样式,内容是我经过 css处理的样式,
在这里插入图片描述
然后我们在浏览器中按F12查看一下样式,发现在这里插入图片描述
于是乎,我们就在该页面的<style scoped></style>加入

<style scoped>

/deep/ .el-collapse-item__header{
  font-size: 18px;
  color: #F56C6C;
}
</style>

就变成了如下样式
在这里插入图片描述


版权声明:本文为qq_44182261原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。