如何更改Laravel随附的分页颜色？

Question

我想更改Laravel随附的分页颜色。

默认情况下，它看起来像这样：

假设，我想将其更改为绿色，以匹配我网站的主题。有人可以告诉我在哪里可以更改？

Answer 1

最简单的解决方案是编写一些覆盖默认引导程序规则的CSS规则。这样的事情可能会做：

.pagination > li > a,
.pagination > li > span {
    color: green; // use your own color here
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: green;
    border-color: green;
}

如果您不希望这样做，则需要创建一个自定义演示器，以使用所需的HTML代码生成分页。您可以看一下Laravel随附的默认Bootstrap Presenter，以了解它的完成方式，因为您将需要实现的内容非常相似。该文件位于此处：

供应商/laravel/framework/src/Illuminate/Pagination/BootstrapPresenter.php

但是，请勿修改该文件以应用您的更改，因为将来的更新可能会覆盖您的更改。按照Laravel文档中的说明创建自己的文档。

Answer 2

改变活动的颜色：

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: green; //your color
    border-color: green; //your color
}