element中的标签tab样式修改
.tabContainer { width: 1200px; height: auto; margin: 0 auto; background: #D4E3FB; position: relative; } .tabContainer .el-tabs--border-card{ border: none; -webkit-box-shadow: none; box-shadow: none; } .tabContainer > .el-tabs--border-card > .el-tabs__header { /**/ background-color: #1B2945; border: none; border-top: 1px solid #1B2945; border-radius: 3px; margin: 0; } .tabContainer .el-tabs--border-card>.el-tabs__header .el-tabs__item{ color: #FFFFFF; text-align: center; border: none; min-width: 80px; } .tabContainer .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active { color: #1B2945; background-color: #FFF; /*border-right-color: #DCDFE6;*/ /*border-left-color: #DCDFE6;*/ border: none; box-shadow: none; } .el-tabs--border-card > .el-tabs__content { margin: 0; padding: 0; height: 0; } .tabContainer .el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: #409EFF; /*color: #FFFFFF;*/ } /*input*/ .tabContainer .tabInput { background: none; width: 160px; height: 28px; position: absolute; right: 0; top: 5px; margin-right: 10px; } .tabContainer .el-input__inner { -webkit-appearance: none; background: none; border-radius: 4px; border: 1px solid #DCDFE6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: 15px; height: 28px; line-height: 28px; outline: 0; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); width: 100%; } .tabContainer .el-input__icon { height: 100%; width: 25px; text-align: center; -webkit-transition: all .3s; transition: all .3s; line-height: 28px; }
最简单的教养,就是适当地回避别人的难堪。
【推荐】博客园的心动:当一群程序员决定开源共建一个真诚相亲平台
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】Flutter适配HarmonyOS 5知识地图,实战解析+高频避坑指南
【推荐】开源 Linux 服务器运维管理面板 1Panel V2 版本正式发布
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步