thinkphp分页禁用按钮需用.disabled类而非:disabled伪类，因其使用标签而非原生表单元素；应通过css设置pointer-events:none并配合后端逻辑确保class准确注入，辅以js拦截点击。
禁用分页按钮不能只靠 CSS 的 :disabled 伪类——ThinkPHP 默认生成的分页 HTML 里，「上一页」「下一页」等按钮根本不是原生 <button disabled></button> 或 <input disabled> 元素，而是普通 @#@#@#@#@#@#@#@#@#@0 —— 完全没判断是否该禁用。
前端 JS 补充防护（可选但推荐）
即使 CSS 加了 pointer-events: none，有些老浏览器或特殊 UA 下仍可能触发跳转。加一行轻量 JS 更稳妥：
<a class="page-link disabled" href="#">上一页</a>
注意：别用 return false 或全局代理，只针对已带 .disabled 的链接拦截，避免影响正常分页行为。这个脚本应在分页 HTML 渲染后执行，比如放在模板底部或用 DOMContentLoaded 包裹。
真正难的不是写几行 CSS，而是理解 TP 分页的 class 注入时机和 JS 拦截的边界——它既不是纯静态样式问题，也不是纯后端逻辑问题，而是前后端协同控制的状态一致性问题。漏掉任意一环，都可能出现“看起来灰了，点一下却跳到第 0 页”这种尴尬情况。
.pagination .page-link.disabled {<br> pointer-events: none;<br> opacity: 0.4;<br> cursor: not-allowed;<br> background-color: #f8f9fa;<br> color: #6c757d !important;<br>}<br>.pagination .page-link.disabled:hover {<br> background-color: #f8f9fa !important;<br> color: #6c757d !important;<br> text-decoration: none;<br>}
document.querySelectorAll('.pagination .page-link.disabled').forEach(el => {<br> el.addEventListener('click', e => e.preventDefault());<br>});php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
