elementUI中一些内部样式修改（分页）

### 分页 ###

.el-pagination .el-select .el-input .el-input__inner{

color: #1B8AAF !important;

font-color:#222222;

border-color:#ffffff;

background-color:#666666;

}

.el-select .el-input .el-select__caret{

color: #1B8AAF !important;

}

//跳转内的数字

.el-pagination button, .el-pagination span:not([class*=suffix]){

.el-pagination__editor.el-input .el-input__inner{

color: #1B8AAF !important;

}

.el-pagination.is-background .el-pager li.active {

color: #020E20;

cursor: default;

}

.el-pagination.is-background .el-pager li:hover {

font-color:#222222;

}

.el-pagination.is-background .el-pager li:not(.disabled):hover {

font-color:#222222;

}

//选中后

.el-pagination.is-background .el-pager li:not(.disabled).active {

background-color: #2ACFFF;

font-color:#222222;

}

.el-pagination.is-background .el-pager li:not(.disabled).active:hover {

background-color: #2ACFFF;

font-color:#222222;

}

/* 每页几条 */

.el-pagination__sizes{

margin-top: 45px;

}

.el-pagination .el-select .el-input .el-input__inner{

background-color: #020E20;

font-color:#222222;

}

// 按钮背景色

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{

background-color: #020E20;

border: 1px solid #2ACFFF !important;

font-color:#222222;

}

// 跳转

.el-pagination__editor.el-input .el-input__inner{

background-color: #020E20;

border: 1px solid #2ACFFF !important;

font-color:#222222;

}

.el-pagination button, .el-pagination span:not([class*=suffix]){

font-color:#222222;

// background-color: red !important;

}

### 时间选择器 ###

.el-date-picker__header-label{

font-color:#222222;

}

.el-date-table th{

font-color:#222222;

}

.el-picker-panel,.el-button{

background-color：#ffffff;

font-color:#222222;

}

.el-picker-panel el-date-picker el-popper has-time{

left: 314px !important;

top: 175px !important;

position: absolute !important;

}

.el-picker-panel__footer{

background-color：#ffffff;

}

.el-button--text{

font-color:#222222;

}

//时间

.inquire .el-input__inner[data-v-c8b5790e]{

width: 422px;

}

.el-range-editor .el-range-input{

color: #DFEEF3;

background-color: #213F6A;

}

.el-form--inline .el-form-item__content{

height: 32px;

}

.el-date-editor .el-range-separator{

color: #DFEEF3;

padding-bottom: 10px;

}

### 表格 ###

//去掉边框

.body .table[data-v-c8b5790e]{

border: none !important;

margin-bottom: 20px;

}

//若表格下面有条白边则使用

body .el-table::before {

z-index: inherit;

}

//这两个忘了是什么了

.el-table .warning-row {

background: oldlace;

}

.el-table .success-row {

background: #f0f9eb;

}

//表头字体(序号...)

.el-table thead{

color: #C5D0D4;

text-align: center;

border-top:none ;

}

.el-table{

color: #BEBEBE;

border: 1px solid #2C526F;

border-bottom-color: #2C526F !important;

}

.el-table th.el-table__cell{

background-color: #093D78;

}

//单元格

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{

border-bottom: none;

border-right: 1px solid #2C526F;

font-size: 14px;

}

//修改斑马线表格的背景

.el-table tr{

background-color:#0F132F;

}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {

background:#121C3C;

}

//去掉白色背景

.el-table, .el-table__expanded-cell{

background-color: transparent;

// border-color: transparent;

}

//鼠标悬浮色

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{

@include background-color("background_color-el-table-hover")

}

//若是上面的方法不生效可以试试下面这些

// .el-table tbody tr:hover>td {