layui分页样式改变
layui分页的原始样式：
修改成如下样式：
新增css代码如下：（pageBox为放置分页的容器id）
/*修改layui分页的样式*/
#-laypagea{
color:#94999F;
font-size:12px;
}
#-laypageem{
font-size:12px;
}
.-laypage-spr{
margin-right:5px;
}
#-laypagea{
margin-right:5px;
}
#-laypage-curr{
margin-right:5px;
}
.layui-laypage-prev,.layui-laypage-next{
font-family:"fontello";
}
#-laypage-em{
background-color:#1FB1EA;
}
#-laypagea,#-laypagespan:not(.layui-laypage-skip){
box-sizing:border-box;
padding:4px9px;
height:26px;
width:26px;
line-height:1.42857143;
}
#-laypage-count{
width:auto!important;
float:none;
color:#94999F;
font-size:12px;
}
#-laypage-btn{
background-color:#1FB1EA;
color:#FFFFFF;
width:50px;
height:26px;
padding:1px5px;
line-height:1.5;
}
#-laypagea,#-laypage-spr{
border:0px;
}
#-laypage-prev,#-laypage-next{
border:1pxsolid#ddd;
}
#pageBox>.layui-laypage>a:hover{
color:#fff;
background-color:#58CAF4;
border-color:#58CAF4;
}
#-laypage-prev:hover,#-laypage-next:hover{
color:#94999F;
background-color:#fff;
border-color:#ddd;
}
#-laypage-currem:not(.layui-laypage-em){
line-height:1.328571;
}
#-laypage-btn:hover{
color:#656A71;
border-color:#DEE1E3;
background-color:#fff;
}
js的设置：
prev:"
本文发布于:2022-12-11 22:45:28，感谢您对本站的认可！
本文链接：http://www.wtabcd.cn/fanwen/fan/88/88385.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
