LayUI分頁樣式修改


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標簽,比如我的這個,就將背景顏色改為了透明的,字體改大了;

可以直接在瀏覽器去查看想改的部分內容的樣式,然后去重寫覆蓋該樣式就可以達到目的了,比如

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM