스타일의 요소 레이블 탭을 수정하는 방법

.tabContainer { 
폭 : 1200 픽셀;
높이 : 자동;
여백 : 0 자동;
배경 : #의 D4E3FB;
위치 : 상대;
}

.tabContainer .el - 탭 - 경계 - 카드 {
국경 : 없음;
-webkit-상자 그림자 : 없음;
상자 그림자 : 없음;
}
.tabContainer> .el - 탭 - 경계 - 카드> .el-tabs__header {
/ ** /
배경 색 : #의 1B2945;
국경 : 없음;
국경 정상 : 1 x 1 픽셀 고체 #의 1B2945;
경계 반경 : 3px의;
여백 : 0;
}
.tabContainer .el - 탭 - 경계 - 카드> .el-tabs__header의 .el-tabs__item {
색상 : #FFFFFF;
텍스트 정렬 : 센터;
국경 : 없음;
최소 폭 : 80 픽셀;
}
.tabContainer .el - 탭 - 경계 - 카드> .el-tabs__header .el-tabs__item.is 활성 {
색상 : #의 1B2945;
배경 색상 : #FFF;
/ * 국경에서 오른쪽 색상 : # DCDFE6 * /
/ * 국경에서 왼쪽 색상 : # DCDFE6 * /
국경 : 없음;
상자 그림자 : 없음;
}
.el - 탭 - 경계 - 카드> .el-tabs__content {
마진 : 0;
패딩 : 0;
키 : 0;
}
.tabContainer .el - 탭 - 경계 - 카드> .el-tabs__header의 .el-tabs__item :하지 (됐나 장애인) : 가져가 {
색상 : # 409EFF;
/ * 컬러 : #FFFFFF * /
}
/ * 입력 * /
.tabContainer .tabInput {
배경 : 없음;
폭 : 160 픽셀;
높이 : 28px;
위치 : 절대;
오른쪽 : 0;
상단 : 5px;
마진 오른쪽 : 10px;
}

.tabContainer .el-input__inner {
-webkit-외관 : 없음;
배경 : 없음;
경계 반경 : 4 픽셀;
국경 : 1 픽셀의 고체 # DCDFE6;
-webkit-박스 크기 : 경계 상자;
박스 크기 : 경계 상자;
색상 : # 606266;
디스플레이 : 인라인 블록;
폰트 크기 : 15 픽셀;
높이 : 28px;
라인 높이 : 28px;
개요 : 0;
전환 : 테두리 색 .2s 큐빅 베 지어 (0.645, 0.045, 0.355, 1);
폭 : 100 %;
}

.tabContainer .el-input__icon {
신장 : 100 %;
폭 : 25 픽셀;
텍스트 정렬 : 센터;
-webkit-전환 : 모든 .3s;
전환 : 모든 .3s;
라인 높이 : 28px;
}

추천

출처www.cnblogs.com/manong-xxf/p/11232807.html