码迷,mamicode.com
首页 > 其他好文 > 详细

LayUI分页样式修改

时间:2020-09-17 20:56:20      阅读:116      评论:0      收藏: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!