如何改变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;
}

---

如果您不想要，则需要创建一个Custom Presenter，用您想要的HTML代码生成分页。您可以查看Laravel附带的默认Bootstrap Presenter，了解它是如何完成的，因为您需要实现的内容非常相似。该文件位于：

  

供应商/ laravel /框架/ SRC /照亮/分页/ BootstrapPresenter.php

但不要修改该文件以应用更改，因为将来的更新可以覆盖您的更改。按照Laravel Docs中的说明创建您自己的。

Answer 2

更改活动颜色：

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

Answer 3

<style>
    [aria-current] .page-link {
        background-color: red !important;
    }

    [rel='prev'], [rel='next'] {
        background-color: #0c85d0 !important;
    }

    .pagination > li :not([rel='prev'],[rel='next'],[aria-current] .page-link) {
        background-color: green !important;
    }
</style>