laravel - 如何将类添加到 Laravel 下一个和上一个分页链接

Question

我正在使用内置的 Laravel 5.2 分页和 ->render() 函数来输出分页链接。我需要为下一个和上一个链接添加一个类，以便设置它们的样式。有简单的方法吗？

Answer 1

如果你想稍微改变分页链接的样式(例如，只改变一些颜色)，最简单的方法是覆盖一些与 pagination 相关的 CSS 类。例如，您可以将此代码添加到您的 CSS 文件并查看链接样式将如何更改:

.pagination>li>a, .pagination>li>span {
    color: #6db91c;
    border: 1px solid #000;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fff;
    background-color: #6db91c;
    border-color: #6db91c
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #6db91c;
    border-color: #6db91c
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #000; background-color: #fff; border-color: #000; cursor: not-allowed
}

如果您出于某种原因不想这样做，您可以 create custom pagination .