javascript 前端 jQuery分页

.el-pagination {

float: right;

font-size: 13px;

font-weight: 400;

color: #606266;

}

.el-pagination,

.el-pager,

.el-pagination__jump {

display: flex;

align-items: center;

padding: 0;

}

.page {

display: flex;

align-items: center;

margin: 0px 10px;

cursor: pointer;

}

.el-pagination ul {

list-style: none;

height: 30px;

line-height: 30px;

text-align: center;

display: flex;

justify-content: space-evenly;

}

.el-pagination ul li,

.page button {

margin: 0px 5px;

min-width: 22px;

height: 30px;

border-radius: 2px;

border: none;

background-color: #f4f4f5;

color: #606266;

font-weight: bold;

padding: 0px 4px;

-moz-user-select: none; /*火狐*/

-webkit-user-select: none; /*webkit浏览器*/

-ms-user-select: none; /*IE10*/

-khtml-user-select: none; /*早期浏览器*/

user-select: none;

}

.el-pagination ul li:hover {

color: #409eff;

}

.page button {

width: 30px;

height: 30px;

cursor: pointer;

}

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

background-color: #409eff;

color: #fff;

}

.el-pagination__jump {

margin-left: 20px;

}

.el-input {

width: 50px;

height: 30px;

border: 1px solid #ccc;

overflow: hidden;

margin: 0px 6px;

}

.el-input__inner {

width: 60px;

height: 30px;

border: none;

outline: none;

text-align: center;

}

推荐文章

 您阅读本篇文章共花了：