热门标签
热门文章
- 1WebStorm 与 VSCode 对比分析_webstorm和vscode
- 2Hadoop安装与伪分布式配置_头歌云计算配置开发环境 - hadoop安装与伪分布式
- 3实时数仓之实时数仓架构(理论篇)
- 4547. 省份数量（并查集）_并查集 省份个数
- 5Bootstrap增删改查，应用treeview，addTabs，table，bootbox，datatimepicker，fileinput_bootstrap-treeview-addtabs___
- 63D点云（3D point cloud）及PointNet、PointNet++
- 7choice python接口,数据可视化环境（Python接口)配置
- 8chatgpt3.5和chatgpt4.0的区别、对比感受_如何测试chatgpt4.0与3.5
- 9Spring Boot项目使用Maven打包并带上依赖_springboot打包包含依赖包
- 10Linux之vim命令大全_linux的vim命令大全
当前位置: article > 正文
vue——使用element中el-tab如何改变文字样式等_element怎么修改文字
作者：知新_RL | 2024-04-29 10:04:54
赞
踩
element怎么修改文字
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
vue—如何改变element中的el-tab文字样式等
修改外部组件如element里组件的样式
使用步骤
1.调节样式第一步是在浏览器中用编辑器选择需要修改样式的区域块。
2.右边就是需要修改的样式名了，但是在外部组件中，如element需要用/deep/深入一下。
代码如下（我这里修改的是el-tab的文字颜色）：
/deep/ .el-tabs__item {
color: #fff;
}
/deep/ .el-tabs__item.is-active {
color: #1890ff;
}
- 1
- 2
- 3
- 4
- 5
- 6
总结
1.调节样式一定要善用浏览器的编辑器
2.没有样式是一个/deep/改变不了的，如果不行就百度一下。
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/507189
