修改el-tab标签页的label默认样式(插槽)

目录

需求:

修改方式:

 原始代码:

修改代码:

具体步骤:


需求:

修改el-tab标签页的label默认样式(如图所示,该label标签的字体较小,以至于在页面上不太明显,我想修改他的样式)

        图示:

修改前 修改后

修改方式:

 原始代码:









修改代码:


   


                 


                 

具体步骤:

  1. 使用插槽:#label
  2. 必须用template标签放置label
  3. 但是在template使用css样式并不会起效
  4. 所以在template中加入div标签
  5. 在div标签中使用css样式

你可能感兴趣的:(前端,项目过程中的问题,vue,前端,vue.js,elementui)