### 分页 ###
.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 {
// background-color: #2C526F !important;
// }
// .el-table--enable-row-hover .el-table__body tr:hover > td {
// background-color: #2C526F !important;
// }
// .el-table--enable-row-hover .el-table__body tr:hover > td {
// background-color: #2C526F !important;
// }
// .el-table--enable-row-hover .el-table__body tr:hover {
// background-color: #2C526F !important;
// }
// .el-table--enable-row-hover .el-table__body tr:hover > td {
// background-color: #2C526F !important;
// }
