一般情况下，我们在使用Vue+Element组合创建项目时，一些Element组件并不是很容易修改对应的样式属性。但是，如果要自定义样式或调整样式，该怎么办呢？下面利用实例说明如何调整el-tab的颜色样式。
工具/原料
1
vue.js
2
Element
3
HTML5
4
JavaScript
5
CSS3
6
HBuilderX
7
浏览器
8
截图工具
9
电脑
方法/步骤
1
双击打开HBuilderX工具，在已创建的vue项目中，创建组件Sc
2
利用Element布局，并添加一个el-tabs，设置三项新增、修改和删除
3
在el-tabs添加tab-click，并在标签内，初始化变量type，并添加事件changeType
4
在vue-router路由js配置文件中，导入组件Sc，并配置路由
5
保存代码并打开浏览器预览，可以看到保持原本的样式（默认的）
6
打开引入到项目中的样式文件，在添加background属性，并修改字体颜色color
7
再次保存代码并预览，可以发现选中的tab字体颜色和背景色发生了改变
总结
1、新建文件2、页面布局3、配置路由4、修改样式5、保存预览6、查看效果END
注意事项
1
注意Element中如何设置el-tab的颜色样式
2
注意el-tab的事件以及获取的结果值
上一篇：养生食补自做苦瓜干的做法
下一篇：tn屏颜色怎么调最合理