element tab 导入html,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;

}