跳转到主内容
极星编程网:以代码为星,赴技术山海!

Layui表格如何修改分页组件的颜色和样式

Layui分页样式由.layui-laypage相关CSS类控制,需通过精准覆盖其选择器(如.layui-laypage a、.layui-laypage-curr)并加!important实现,不可修改源文件或使用宽泛选择器,且须确保CSS加载顺序在layui.all.js之后。 layui table 分页样式在哪改 分页组件的样式不是通过表格配置项控制的,而是由 layui 自带的
.layui-laypage
css 类决定。你改
table.render()
的参数没用,得直接覆盖它的 css 规则。 常见错误是去翻
page
配置里的
theme
或
limit
,这些只影响功能逻辑,不影响颜色和边框。 分页 DOM 结构固定:外层是
,内部按钮是
和
关键类名必须精准匹配:
.layui-laypage a
、
.layui-laypage .layui-laypage-curr
、
.layui-laypage em
由于 Layui 使用内联样式 + 优先级较高的 CSS,建议用
!important
强制覆盖(别嫌土,有效) 如何安全覆盖 layui-laypage 的颜色 不要修改 layui.css 源文件,否则升级就丢;也不要在