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。

Answer 2

对于前端css框架，比如我使用bulma我只是创建jQuery Dom select分页子li并添加class pagination-link示例

$(document).ready(function(){
    // Setting Pagination Bulma Class
    $('.pagination>li').addClass("pagination-link");

});

如何向Laravel下一个和以前的分页链接添加一个类

2 个答案: