本文介绍了如何修改layui分页组件的默认样式，通过添加特定的CSS代码，实现了包括颜色、字体大小、边框和间距等在内的样式调整，使得分页更加符合个性化需求。
layui分页的原始样式：
修改成如下样式：
新增css代码如下：（pageBox为放置分页的容器id）
/*修改layui分页的样式*/
#pageBox .layui-laypage a{
color: #94999F;
font-size: 12px;
}
#pageBox .layui-laypage em{
font-size: 12px;
}
.layui-laypage .layui-laypage-spr{
margin-right: 5px;
}
#pageBox .layui-laypage a{
margin-right: 5px;
}
#pageBox .layui-laypage-curr{
margin-right: 5px;
}
.layui-laypage-prev,.layui-laypage-next{
font-family: "fontello";
}
#pageBox .layui-laypage .layui-laypage-curr .layui-laypage-em{
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
