LayUI分页样式修改

技术文章 11个月前 完美者
1,302 0

标签:src   bsp   颜色   loading   ddl   parent   分页   size   ima   

layUI的分页样式大多是这样的:技术图片

 

 可能跟我们的项目不是很搭,比如这样风格的页面:

技术图片

 

 

,那么我们就需要修改一下分页的样式去搭配整体风格,你可以另外写一个css文件去重新写样式以覆盖layui的css,分页的样式在这块

.layui-laypage a,
.layui-laypage span {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
height: 28px;
line-height: 28px;
margin: 0 -1px 5px 0;
background-color: transparent;
color: #fff;
font-size: 14px;
font-weight: 700;
}

layui-laypage在这个class的a标签和span标签,比如我的这个,就将背景颜色改为了透明的,字体改大了;

可以直接在浏览器去查看想改的部分内容的样式,然后去重写覆盖该样式就可以达到目的了,比如

技术图片

 

LayUI分页样式修改

标签:src   bsp   颜色   loading   ddl   parent   分页   size   ima   

原文地址:https://www.cnblogs.com/hjLu/p/13646496.html

版权声明:完美者 发表于 2020-09-17 20:56:20。
转载请注明:LayUI分页样式修改 | 完美导航

暂无评论

暂无评论...